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

发布时间:2024年01月17日

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

  • 副作用?(触发组件外的影响)
    • 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
文章来源:https://blog.csdn.net/dxn16638400024/article/details/135659098
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。