vue怎么在标签判断_vue 指令和标签

vue 指令

v-if / v-show :用来判断是否加载 区别 v-show 是对css样式进行切换 v-if 是真正的销毁和重建

v-for: 可以循环数据来添加dome 实例 v-for="(item,index) in 数据"；

v-on : 简写 @ vue中用来添加事件

v-html： 用来编译模板语法

v-bind：简写 ： 对标签中的属性进行动态的一个绑定 实例

v-model : vue中可以数据双向绑定 v-model 本质上是语法糖

v-solt : 提供具名插槽或需要接收 prop 的插槽

##### 数据绑定 v-bind 部分支持简写—— ：id ；：class

v-bind test

new Vue({

el: "#app",

data: {

hiddenValue:false

}

})

#### 循环

{ {list.name}}

new Vue({

el: "#app",

data: {

List: [{

name: "tony",

age: "16"

},

{

name: "jack",

age: "18"

},

{

name: "tom",

age: "18"

}

]

}

})

#### 分流

1+1

1+2

1+3

1+4

都不是

#### 显示隐藏

v-show Test

v-show Test

##### 数据双向绑定：

new Vue({