关于vue.js学习过程中computed、methods、watch三者之间的区别和认识。
vue官方解释:
- computed:计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。
- methods: 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例。
- watch: 是一种更通用的方式来观察和响应 Vue 实例上的数据变动。一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名,或者包含选项的对象。Vue 实例将会在实例化时调用 $watch(),遍历 watch 对象的每一个属性。
自己的理解:
- computed: 在页面的html和dom渲染完成后立马执行,比如说 赋值等。
- methods: 页面加载完成后要通过一定的条件才能触发调用。
- watch: 监听vue实例中数据的改变,改变之后可以对应的执行相关的操作,有初始值和改动后的值。
总结:
- 从以上的描述可以得出:他们的执行顺序应该是想执行computed再执行watch,然后再一定的条件下触发methods。