我有一个Vue.js应用程序,我有几个组件,只是为了处理一些重复的任务.
我想要输入的是,如果在Vue数据(treeData和flatTreeData)更新并执行操作后发生了事件,那么我可以执行任何其他操作吗？
var app = new Vue({
el: 'body',data: {
treeData: {items: {}},flatTreeData: [],},});
$.getJSON('./paths.json').done(function(data) {
// apply the file structure to the vue app
demo.treeData = data;
demo.flatTreeData = flattenTree(data);
});
解决方法
您可以使用Vue实例的watch属性将侦听器添加到变量更改：
http://vuejs.org/api/#watch
watch: {
'treeData': function (val,oldVal) {
console.log('new: %s,old: %s',val,oldVal)
}
}
如果您要观察像treeData这样的对象,则可能需要使用深度标记来观察整个对象树.
watch: {
'treeData': {
handler:function (val,oldVal){
console.log('new: %s,oldVal)
},deep: true
}
}
