props,data函数，computed执行顺序

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