组件/实例的选项的顺序

组件/实例的选项的顺序

组件/实例的选项应该有统一的顺序。

这是我们推荐的组件选项默认顺序。它们被划分为几大类，所以你也能知道从插件里添加的新 property 应该放到哪里。

• 副作用 (触发组件外的影响)
  • el
• 全局感知 (要求组件以外的知识)
  • name
  • parent
• 组件类型 (更改组件的类型)
  • functional
• 模板修改器 (改变模板的编译方式)
  • delimiters
  • comments
• 模板依赖 (模板内使用的资源)
  • components
  • directives
  • filters
• 组合 (向选项里合并 property)
  • extends
  • mixins
• 接口 (组件的接口)
  • inheritAttrs
  • model
  • props/propsData
• 本地状态 (本地的响应式 property)
  • data
  • computed
• 事件 (通过响应式事件触发的回调)
  • watch
  • 生命周期钩子 (按照它们被调用的顺序)
    • beforeCreate
    • created
    • beforeMount
    • mounted
    • beforeUpdate
    • updated
    • activated
    • deactivated
    • beforeDestroy
    • destroyed
• 非响应式的 property (不依赖响应系统的实例 property)
  • methods
• 渲染 (组件输出的声明式描述)
  • template/render
  • renderError