Vue代码规范——组件/实例选项顺序

组件/实例选项应该有统一的顺序。下面是Vue.js 官方推荐的组件选项默认顺序。参考《深入浅出Vue.js》。

挂载元素

• el

全局感知（要求组件以外的知识）

• name
• parent

组件类型（更改组件的类型）

• functional

模板修改器（改变模板的编译方式）

• delimiters
• comments

模板依赖（模板内使用的资源）

• components
• directives
• filters

组合（向选项里合并属性）

• extends
• mixins

接口（组件的接口）

• inheritAttrs
• model
• props/propsData

本地状态（本地的响应式属性）

• data
• computed

侦听器

• watch

生命周期（按照它们被调用的顺序）

• beforeCreate
• created
• beforeMount
• mounted
• beforeUpate
• updated
• activated
• deactivated
• beforeDestroy
• destroyed

事件

• methods

渲染

• template/render
• renderError