VUE指令

指令是模板语法，用于辅助开发者渲染页面的基本结构

内容渲染指令

v-text指令缺点：会覆盖元素内部原本的内容

{{ }}插值表达式，在实际开发中用的最多，不会覆盖原有的内容

v-html可以把带有标签的字符串，渲染成真正的HTML内容

属性绑定指令

插值表达式只能用在元素内容节点中，不可以用在属性

v-bind指令为元素属性动态绑定值

简写是英文的:

<div :title="'box'+index">这是一个div</div>

事件绑定

v-on:简写为@

语法格式为：

<button @click="sub(2)">+1</button>
 methods:{
      sub(n){
          this.count-=n 
          console.log('出发了sub处理函数');
               }

$event应用场景：如果默认的事件对象e被覆盖了，可以手动传递一个$event

事件修饰符：

• prevent

  <a @click.prevent="xxx">链接</a>
  

• stop

  <button @click.stop='xxx'>按钮</button>
  

v-model指令

input输入框

select

textarea

条件渲染指令

v-show的原理是：动态为元素添加或移除diasplay：none样式，来是想元素的显示和隐藏

v-if的原理是：每次动态创建和移除元素

条件渲染指令

v-for用于辅助开发者基于一个数据来循环渲染一个列表结构，v-for指令需要使用item in items 形式的特殊语法

items是待循环的数组

item是被循环的每一项