从vue访问格式为json的axios数据

从vue访问格式为json的axios数据,json,vue.js,flask,axios,response,Json,Vue.js,Flask,Axios,Response,我需要显示来自get请求的json响应的数据。我的代码中的Vue部分是: <script type="text/javascript"> var vm = new Vue({ el: '#app2', delimiters: ['[[',']]'], data: { masa_data: {}, }, mounted: function() { polling1=setIn

我需要显示来自get请求的json响应的数据。我的代码中的Vue部分是:

<script type="text/javascript">

  var vm = new Vue({
      el: '#app2',
      delimiters: ['[[',']]'],
      data: {
        masa_data: {},
      },
      mounted: function() {

              polling1=setInterval(function() {
              axios.get('/order')
                  .then(function(response) {
                      vm.$data.masa_data = response.data;
                  })
          }, 1000);        
      },

      beforeDestroy () {
        clearInterval(this.polling1)
      }
  });
</script>

var vm=新的Vue({
el:'附录2',
分隔符:['[',']]'],
数据:{
masa_数据:{},
},
挂载:函数(){
polling1=setInterval(函数(){
axios.get(“/order”)
.然后(功能(响应){
vm.$data.masa_data=response.data;
})
}, 1000);        
},
在销毁之前(){
clearInterval(this.polling1)
}
});
masa_数据来自axios,如下所示:

{“Bahçe1”:{“A”:{“1”:{“kisi_sayisi”:“2”,“siparisler”:[{ “adet”:2,“bolum”:“drink”,“satir”:“Aıkïay”},{“adet”:1, “bolum”:“tatli”,“satir”:“KaymaklıEkmek Kadayıfı”}

例如,当我想显示“kisi_sayisi”的值时,我不知道在下面的html代码中放什么:

<p class="card-text">[[masa_data]]</p>

[[masa_数据]]

试试这个

<p class="card-text" v-if="Object.values(masa_data).length>0">[[masa_data.Bahce1.A['1']['kisi_sayisi'] ]]</p>

[[masa_data.Bahce1.A['1']['kisi_sayisi']]


你可以直接使用['key_name']对吧?比如说masa_数据['Bahçe1']['A']['1']['kisi_sayisi']通常是的。我试过了。但是视图没有显示出来。可能是因为[[..]]大括号?如果数据不存在,也有可能尝试V-if masa_数据['Bahçe1']['A']['1']['kisi_sayisi']