本文实例讲述了vue实现引入本地json的方法。分享给大家供大家参考,具体如下:
当前需要使用的组件:
导入数据”。/test.json '
出口默认{
数据(){
返回{
userinform:“
}
}，
安装(){
这一点。userinform=数据
}
}
之前
test.json就是普通json格式就可以了!然后完美解决!
后台服务器请求json方式:
美元。http.get (url)。(反应=比;{//succces回调
var=https://www.yisu.com/zixun/response.body数据;
}、响应=> {//错误回调
alert('连接失败!”)
}）;
之前
<强>附: VUE解析json展示列表页示例
& lt; div类=疤畛洹北?
& lt; div id=坝τ谩北?
& lt; ol>
& lt;李v=蓖驹谕尽氨?
{{site.name}}
& lt;/li>
& lt;/ol>
& lt;/div>
& lt;/div>
& lt;脚本src=" https://cdn.bootcss.com/vue/2.2.2/vue.min.js "祝辞& lt;/script>
& lt; script>
函数getJson (url, func) {$。ajax({类型:‘得到’,url: url,数据类型:json,成功:功能(数据){如果(data.code==0) {var=data.data.list; func(一个);其他}{alert("接口调用失败”);}},错误:函数(数据){警报(JSON.stringify(数据);}});}
美元(函数(){var url=" http://www.test.com/index.php& # 63; s=/商店/清单/?getJson (url, pushDom);}）;
函数pushDom vm(数据){var=new Vue ({
埃尔:“#应用”,
数据:{
网站:数据
}
})}
& lt;/script>
之前
希望本文所述对大家vue.js程序设计有所帮助。
