props>data函数>computed>watch>生命周期函数>methods书写顺序

• props

  • 最早被初始化，Vue 会先解析父组件传递的props数据，作为组件的初始数据来源。
  • 只有props初始化完成后，data才能基于props来定义响应式数据。

• data

  • 在props之后执行，data函数返回的对象会被 Vue 转化为响应式数据。
  • 可以在data中直接使用props的值来初始化本地数据。

• computed

  • 在data之后初始化，computed的依赖会被 Vue 收集，当依赖变化时会自动重新计算。
  • computed可以依赖props和data的值，并且具有缓存特性。

• methods

  • 在computed之后绑定到组件实例上，它不会自动执行，只有在被调用时（比如模板中触发、生命周期钩子中调用）才会执行。