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>

效果

相关推荐
闭着眼睛学算法6 小时前
【双机位A卷】华为OD笔试之【模拟】双机位A-新学校选址【Py/Java/C++/C/JS/Go六种语言】【欧弟算法】全网注释最详细分类最全的华子OD真题题解
java·c语言·javascript·c++·python·算法·华为od
前端一课7 小时前
公开分享一个AI番茄短故事模块技术方案(含代码)
前端
晴殇i7 小时前
为什么现代 JavaScript 代码规范开始建议禁止使用 else ?
前端·javascript·前端框架
梦6507 小时前
axios请求
vue.js
源力祁老师7 小时前
OWL与VUE3 的高级组件通信全解析
前端·javascript·vue.js
花开月正圆7 小时前
遇见docker-compose
前端
护国神蛙7 小时前
自动翻译插件中的智能字符串切割方案
前端·javascript·babel
TechFrank7 小时前
浏览器云端写代码,远程开发 Next.js 应用的简易教程
前端
PaytonD7 小时前
LoopBack 2 如何设置静态资源缓存时间
前端·javascript·node.js
snow@li7 小时前
d3.js:学习积累
开发语言·前端·javascript