组件中写选项的顺序(vue的问题)

为什么选项要有统一的书写顺序呢?很简单,就是要将选择和认知成本最小化。

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

你可能感兴趣的:(vue.js,前端,javascript)