vuejs如何默认定义所有的v-model

Question

比如我html上使用了{{val}}，但是new Vue的时候data里没配val, 我之后手动执行 实例.val = 'xx' ， 对应{{val}}的值是不会变的，有什么配置能让这种未定义的data都变成已定义并且默认为空码？

PS:我之所以这么做是因为不喜欢vue router里data配置中吊ajax要return promise,我宁可放到activate里去做，但是data里必须要先return模板中用过的v model，太麻烦。

Answer 1

用$set(key, value)实例方法：

vm.$set('val', '');

参照官方文档的变化检测问题 - vue.js

Answer 2

可以用自定义组件，里面有延迟加载组件，能在数据回来以后再创建组件。

Answer 3

用$set(key, value)实例方法：

vm.$set('val', '');