Vue 常用的指令都有哪些？并且说明其作用

Vue官方提供的指令总共是有14个，常用的指令有10个，分别是：

1. v-model 

作用: 多用于表单元素实现双向数据绑定,也可实现父子组件传值,本质上是一个语法糖，底层原理是由@input事件+value实现的

    <input v-model="name" /> 
     // name 需要再data中定义,需要接收v-model传递过来的参数
     
   		data() {
 		   return {name:''}
  	   }

2. v-bind 动态绑定

为元素的属性动态绑定值,一般简写为  :  

作用: 及时对页面的数据进行更改

<!-- 完整语法 -->
<a v-bind:href="url"></a>


<!-- 缩写 -->
<a :href="url"></a>