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>

效果

相关推荐
77238915 分钟前
解决 Microsoft Edge 显示“由你的组织管理”问题
前端·microsoft·edge
烛阴30 分钟前
前端必会:如何创建一个可随时取消的定时器
前端·javascript·typescript
JarvanMo1 小时前
Swift 应用在安卓系统上会怎么样?
前端
LinXunFeng1 小时前
Flutter - 详情页 TabBar 与模块联动?秒了!
前端·flutter·开源
萌萌哒草头将军1 小时前
Oxc 最新 Transformer Alpha 功能速览! 🚀🚀🚀
前端·javascript·vue.js
武昌库里写JAVA1 小时前
JAVA面试汇总(四)JVM(一)
java·vue.js·spring boot·sql·学习
Justinc.2 小时前
HTML5新增属性
前端·html·html5
1024小神3 小时前
nextjs项目build导出静态文件
前端·javascript
阿聪_3 小时前
createContext 还是 useSyncExternalStore?一文讲清场景与选型
前端
parade岁月3 小时前
JavaScript 日期的奇妙冒险:当 UTC 遇上 el-date-picker
javascript