关于vue.js学习过程中computed、methods、watch三者之间的区别和认识。

vue官方解释:


  1. computed:计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。
  2. methods: 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法,或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例。
  3. watch: 是一种更通用的方式来观察和响应 Vue 实例上的数据变动。一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名,或者包含选项的对象。Vue 实例将会在实例化时调用 $watch(),遍历 watch 对象的每一个属性。

自己的理解:

  1. computed: 在页面的html和dom渲染完成后立马执行,比如说 赋值等。
  2. methods: 页面加载完成后要通过一定的条件才能触发调用。
  3. watch: 监听vue实例中数据的改变,改变之后可以对应的执行相关的操作,有初始值和改动后的值。

总结:

  1. 从以上的描述可以得出:他们的执行顺序应该是想执行computed再执行watch,然后再一定的条件下触发methods。
vue.js学习
JSRUN前端笔记, 是针对前端工程师开放的一个笔记分享平台,是前端工程师记录重点、分享经验的一个笔记本。JSRUN前端采用的 MarkDown 语法 (极客专用语法), 这里只属于前端工程师。