Vue风格之组件特性顺序

Vue组件选项推荐的默认顺序

  1. 定义组件
    • is
  2. 循环渲染
    • v-for
  3. 条件渲染
    • v-if
    • v-else-if
    • v-else
    • v-show
    • v-cloak
  4. 渲染方式
    • v-pre
    • v-once
  5. 全局感知
    • id
  6. 唯一的特性
    • ref
    • key
    • slot
  7. 双向绑定
    • v-model
  8. 其他特性
    • 其他属性（data）包括自定义属性
  9. 事件
    • v-on
  10. 内容
    • v-html
    • v-text

个人偏爱的顺序

  1. 布尔值属性（为true）
<my-component disabled />
  1. 静态属性
<my-component name="my-component" />
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Vue现代化使用方法(二)
    vue概述 在官方文档中，有一句话对Vue的定位说的很明确：Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 12,009评论 0赞 25
  • vue 学习总结
    # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 9,033评论 0赞 6
  • VUE风格指南
    title: 风格指南type: style-guide 这里是官方的 Vue 特有代码的风格指南。如果在工程中使...
    ChenyuMa阅读 4,758评论 1赞 1
  • Vue.js 1.0 Official Guide Note
    Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性：var data = { a:...
    云之外阅读 6,648评论 0赞 6
  • Vue.js 2.0 Official Guide Note
    这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容，还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,460评论 0赞 29