1.v-model指令:用于表单输入,实现表单控件和数据的双向绑定。
2.v-on:简写为@,基础事件绑定
3.v-bind:简写为:,动态绑定一些元素的属性,类型可以是:字符串、对象或数组。
4.v-if指令:取值为true/false,控制元素是否需要被渲染
5.v-else指令:和v-if指令搭配使用,没有对应的值。当v-if的值false,v-else才会被渲染出来。
6.v-show指令:指令的取值为true/false,分别对应着显示/隐藏。
7.v-for指令:遍历data中存放的数组数据,实现列表的渲染。
8.v-once: 通过使用 v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新

vue的自定义指令

Vue除了核心功能默认内置的指令 ,Vue 也允许注册自定义指令。
自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念,但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展,不仅可用于定义任何的DOM操作,并且是可复用的。

添加自定义指令的两种方式:

  • 全局指令: 通过 Vue.directive() 函数注册一个全局的指令。
  • 局部指令:通过组件的 directives 属性,对该组件添加一个局部的指令。

可以参考如何写一个Vue自定义指令Vue.js官网关于自定义指令的详细讲解学习

你有写过自定义指令吗?自定义指令的应用场景有哪些?

可以参考如何写一个Vue自定义指令