富贵资源网 Design By www.hznty.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程序设计有所帮助。
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...