美文网首页
Vue风格之组件特性顺序

Vue风格之组件特性顺序

作者: lwj1426282929 | 来源:发表于2019-02-15 14:10 被阅读0次

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组件选项推荐的默认顺序 定义组件is 循环渲染v-for 条件渲染v-ifv-else-ifv-elsev-...

  • vue 组件/实例的选项的顺序

    推荐的组件选项默认顺序 vue官网 风格指南 组件/实例的选项的顺序

  • vue组件生命周期挂载顺序

    title: vue组件挂载顺序date: 2016-12-02 vue组件挂载顺序 本文通过实验介绍vue组件的...

  • vue父子组件&继承组件的生命周期

    父子组件的生命周期顺序 父组件app.vue 子组件hello.vue 执行的结果: 结论:父子组件的执行顺序为,...

  • Vue磨刀嚯嚯

    Vue开发风格——传统方法应用vue.js Vue开发风格——单个组件式 组件 基本操作 创建一个组件构造器 注册...

  • vue

    1.1 背景 组件化和虚拟DOM是vue的俩大特性。组件系统是Vue中非常重要的一个特性,通过组件的封装,我们可以...

  • vue

    1.什么是vue声明周期 2.vuejs特性 3.vue的特点 vue 组件之间通信?父组件直接使用props 传...

  • Vue代码规范——组件/实例选项顺序

    组件/实例选项应该有统一的顺序。下面是Vue.js 官方推荐的组件选项默认顺序。参考《深入浅出Vue.js》。 挂...

  • 表单与附件上传

    工具:vue+elementUI(upload组件)要求:熟悉elementUI的uplaod组件及其特性 Get...

  • Vue动态组件

    Vue 动态组件 通过 Vue 的 元素加一个特殊的 is 特性来实现。currentCo...

网友评论

      本文标题:Vue风格之组件特性顺序

      本文链接:https://www.haomeiwen.com/subject/hjipeqtx.html