vueはローカルjsonを導入する方法の分析を実現する

本論文の例では,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展示リストページ例

   

    

     

      {{ site.name }}
     
    
    
 


function getJson(url,func){ $.ajax({ type:'get', url:url, dataType: 'json', success: function(data){ if (data.code==0){ var a = data.data.list;func(a); }else{ alert("      "); } }, error: function(data){ alert(JSON.stringify(data)); } }); }  
$(function(){ var url = "http://www.test.com/index.php?s=/shop/list/"; getJson(url,pushDom); }); 
function pushDom(data){ var vm = new Vue({
 el: '#app',
 data: {
  sites: data
 }
})} 

本文で述べたようにみんなにvue.jsプログラム設計が役立ちます.