相思资源网 Design By www.200059.com
本文实例讲述了vue实现引入本地json的方法。分享给大家供大家参考，具体如下：
当前需要使用的组件：
import data from './test.json'
export default{
data(){
return{
userinform: ''
}
},
mounted(){
this.userinform = data
}
}
test.json就是普通json格式就可以了！然后完美解决！
后台服务器请求json方式：
this.$http.get('url').then(response => {
//succces callback
var data = response.body;
}, response => {
// error callback
alert('连接失败！')
});
附：VUE解析json展示列表页示例
<div class="padding">
<div id="app">
<ol>
<li v-for="site in sites">
{{ site.name }}
</li>
</ol>
</div>
</div>
<script src="/UploadFiles/2021-04-02/vue.min.js">
希望本文所述对大家vue.js程序设计有所帮助。
标签：
vue,引入,本地json
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无vue实现引入本地json的方法分析的评论...