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>

效果

相关推荐
阿贾克斯的黎明2 分钟前
现代前端的魔法标签:HTML5 语义化标签全解析
前端·html·html5
菠菜盼娣5 分钟前
vue3知识点
前端·vue.js
JIngJaneIL9 分钟前
基于java+ vue建筑材料管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
土豆125011 分钟前
终端自治时代的 AI 开发范式:Claude Code CLI 全方位实操指南
前端·人工智能·程序员
一 乐12 分钟前
办公系统|基于springboot + vueOA办公管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·spring
Gazer_S15 分钟前
【Vue Router 路由守卫(Navigation Guards)指南:概念、执行顺序、beforeResolve、异步路由组件】
前端·javascript·vue.js
半梅芒果干15 分钟前
vue3 新建文件store自动导入
开发语言·前端·javascript
玖笙&25 分钟前
✨万字解析解析:Vue.js优雅封装级联选择器组件(附源码)
前端·javascript·vue.js·前端框架
烟袅27 分钟前
深入理解 React 中 useState 与 useEffect
前端·javascript·react.js