组件中写选项的顺序(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

相关推荐

  1. 组件选项顺序vue问题

    2024-01-18 12:12:04       53 阅读
  2. 组件使用定时器及销毁问题vue问题

    2024-01-18 12:12:04       61 阅读
  3. Vue3父子组件传值问题

    2024-01-18 12:12:04       31 阅读
  4. Vue组件通信

    2024-01-18 12:12:04       32 阅读
  5. vue组件通信

    2024-01-18 12:12:04       47 阅读
  6. VUE父子组件传参问题

    2024-01-18 12:12:04       44 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-18 12:12:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-18 12:12:04       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-18 12:12:04       82 阅读
  4. Python语言-面向对象

    2024-01-18 12:12:04       91 阅读

热门阅读

  1. 【技术选型】clickhouse vs starRocks

    2024-01-18 12:12:04       72 阅读
  2. 【排序算法】自顶向下的归并排序

    2024-01-18 12:12:04       44 阅读
  3. 设计模式——迭代器模式

    2024-01-18 12:12:04       53 阅读
  4. springboot多数据源支持自定义连接池

    2024-01-18 12:12:04       67 阅读
  5. 解决fxml图标无法显示

    2024-01-18 12:12:04       54 阅读
  6. 大数据小白初探Hbase从零到入门

    2024-01-18 12:12:04       43 阅读
  7. 排序算法-希尔排序(含C语言代码示例)

    2024-01-18 12:12:04       55 阅读
  8. pdf拆分成各个小pdf的方法

    2024-01-18 12:12:04       50 阅读