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 />

2. 静态属性

<my-component name="my-component" />