VUE全部指令

v-text

用于替换文本

例子：

<span v-text="msg"></span>

<span>{{msg}}</span>

v-html

用于更新元素的innerHTML，是标签中内容生效

例子：

<div v-html="html"></div>

v-show

根据表达式真假，切换元素的display

常用于显示、隐藏元素

v-if v-else v-else-if

条件判断

例子：

<div v-if="type === 'A'"> A </div>

<div v-else-if="type === 'B'"> B </div>

<div v-else-if="type === 'C'"> C </div>

<div v-else> Not A/B/C </div>

v-for

循环

例子：

<div v-for="item in items"> {{ item.text }} </div>

v-on

事件

例子：

<button v-on:click="doThat('hello', $event)"></button>

<button @click="doThis"></button>

v-bind

动态绑定

例子：

<img v-bind:src="imageSrc">

v-model

获取表单数据

例子：

<h1 v-model="hh"></h1>

v-slot

槽口，需要配合<template>使用

例子：

<slot name="one"></slot>

<template v-slot:one>

        <h1 >qqqqqqqqqq</h1>

</template>

v-once

只加载一次