本文实例讲述了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程序设计有所帮助。