Vue項目數據變化被watch監聽並處理

監聽當前vue文件數據

例如，當前的vue文件的data中有如下屬性：

data() {
	return {
	    dialogFormVisible: false,
	}
}

要監聽dialogFormVisible變量的數據變化，則代碼如下：

watch: {
    dialogFormVisible: function(newVal, oldVal) {
      alert(newVal);
      alert(oldVal);
    }
}

監聽vuex中的數據

如果vuex中聲明的數據如下：

export default new Vuex.Store({
  state: {
    avatar: "", 
  },
  mutations: {},
  actions: {},
  modules: {}
});

則監聽的代碼如下：

watch: {
    "$store.state.avatar": function(newValue, oldValue) {
      ...
    }
  },