axios vue.js

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./axios.js"></script>
    <script src="./vue.js"></script>
</head>
<body>
    <div id="app">
        <ul>
            <li v-for="l in list":key="l.id">
                {{l.title}}

            </li>
        </ul>

    </div>
    <script>
        new Vue({
            el:"#app",
            data:{
                list:[]
            },
            created(){
                var _this=this;
                axios.get("https://jsonplaceholder.typicode.com").then(function(res){
                    _this.list=res.data;

                })
            }
        })
    </script>
</body>
</html>

效果

相关推荐
悟空瞎说几秒前
深入 Vue3 响应式:为什么有的要加.value,有的不用?从设计到源码彻底讲透
前端·vue.js
J船长2 分钟前
深入理解 Dart 中的 mixin:优雅复用代码的利器
前端
风止何安啊5 分钟前
为什么要有 TypeScript?让 JS 告别 “薛定谔的 Bug”
前端·javascript·面试
一蓑烟雨,一任平生30 分钟前
鸿蒙H5调试方法
前端·华为·h5·harmonyos
Canace43 分钟前
使用大模型来维护知识库
前端·人工智能
HashTang43 分钟前
用自然语言驱动的开源 3D 建筑设计编辑器-Aedifex
前端·github·ai编程
海天鹰1 小时前
SOC架构
javascript
0vvv01 小时前
2026-NCTF-web-N-RustPICA
前端·ctf
前进的李工1 小时前
MySQL角色管理:权限控制全攻略
前端·javascript·数据库·mysql
芯智工坊2 小时前
第13章 Mosquitto监控与日志管理
前端·网络·人工智能·mqtt·开源