问题:
<body>
nihao
<p>{{info.name}}</p>卡孔
<p>{{pository}}</p>
<p>{{info.keywords}}</p>
<!---->
</div>
<script src="cdn.jsdelivr/npm/vue@2.5.16/dist/vue.js"></script>
<script src="unpkg/axios/dist/axios.min.js"></script>
<script type="text/javascript">
var vm = new Vue({
el:"#vue",
//data属性 vm
//下⾯这个是⽅法
data(){
return{
info:{
name: null,
repository:{
type: null,
meno2
url: null,
},
keywords: null,
麦饭石床垫
}
}
},
柴油添加剂
mounted(){//钩⼦函数链式编程 ES6新特性//localhost:63342/vue/lesson1/data.json<('../data.json').then(response=>(this.info=response.data));
}
});
横向切片</script>
</body>
当(‘’)访问的⽂件数据是本地地址(绝对地址和相对地址)时,会报错:Failed to load resource: the server responded with a status of 404 (Not Found)。 将:
<('../data.json').then(response=>(this.info=response.data));
改为:
<('localhost:63342/vue/lesson1/data.json').then(response=>(this.info=response.data));
可解决问题。