vue2中用ajax赋值data不可用

Question

如果在创建的时候赋值data,再通过ajax修改,是可以的.

可用

new Vue({
  el:'#app',
  data:{
    a:false
  },
  beforeCreate:function(){
    $.ajax().success(){
        that.a=true
      }
  }
})

但如果不赋值data,而通过ajax赋值,数据就用不起来

不可用

new Vue({
  el:'#app',
  data:{
    
  },
  beforeCreate/mounted:function(){
    $.ajax().success(){
        that.a=true
      }
  }
})

求教原因,及解决思路,谢谢!

12-13 16:29 update:
有个奇怪的现象,当我页面有任意一个{{b}}的时候,我通过上面获得的a来v-if="a",他又是可用的了.如果没有{{b}},页面还是无法加载v-if

Answer 1

Vue 不允许在已经创建的实例上动态添加新的根级响应式属性（root-level reactive properties）。然而它可以使用
Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上：

https://cn.vuejs.org/v2/guide...变化检测问题

https://jsfiddle.net/ycloud/x...

Answer 2

你说的是这个吧？

由于 Vue 不允许动态添加根级响应式属性，所以你必须在初始化实例前声明根级响应式属性，哪怕只是一个空值