手把手带你入门Vue!!!基础二(指令)

Vue指令

  1. v-for:用来遍历数组和对象,相当于原生js中的for循环。
    手把手带你入门Vue!!!基础二(指令)手把手带你入门Vue!!!基础二(指令)

  2. v-if:用来决定使用该指令的元素是否显示,如果后面的值为true则显示,false则不显示,相当于原生js中的if条件语句。
    手把手带你入门Vue!!!基础二(指令)

  3. v-else-if:与v-if配合使用

  4. v-else:与前面的v-if和v-else-if配合使用
    手把手带你入门Vue!!!基础二(指令)

  5. v-bind:绑定属性
    手把手带你入门Vue!!!基础二(指令)

  6. v-on:绑定事件
    手把手带你入门Vue!!!基础二(指令)

  7. v-show:决定使用该指令的元素是否显示,如果后面的值为true则显示,false则不显示

  8. v-model:只能与表单元素配合使用,在表单元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素,负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。