Vuejs中watch无法监听属性变化的问题

发表于 | 评论数： | 阅读次数：

vuejs的watch当值第一次绑定的时候，不会执行监听函数。可使用immediate:true解决。比如当父组件向子组件动态传值时，子组件props首次获取到父组件传来的默认值时，也需要执行函数，此时就需要将immediate设为true:

1
2
3
4
5
6
7
8
9
10
11
12
13
new Vue({
  el: '#root',
  data: {
    cityName: ''
  },
  watch: {
    cityName: {
    　　handler(newName, oldName) {
      　　// ...    　　},
    　　immediate: true
    }
  } 
})

参考链接

  1. vue watch用法 及 immediate和handler,by Li同志103649.