Vue代码规范——组件/实例选项顺序
2020-03-29 本文已影响0人
_hider
组件/实例选项应该有统一的顺序。下面是
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
