v-if和v-show标签使用的区别
标签v-if和v-show都能控制一个模板标签是否显示出来 两者的区别就是：V-if标签只要对应的值是false，就不会存在于dom节点之上，v-show这个标签，一旦对应的值为false，它对应的dom依然存在，只不过是以display：none的形式存在于dom之上
v-if的高级用法
<!DOCTYPE html
>
<html lang
="en">
<head
>
<meta charset
="UTF-8">
<title
>vue中的条件渲染
</title
>
<script src
="./vue.js"></script
>
</head
>
<body
>
<div id
="app">
<div v
-if="show === 'a'">
This is A
</div
>
<div v
-else-if="show === 'b'">
This is B
</div
>
<div v
-else>This is others
</div
>
</div
>
<script
>
var vm
= new Vue({
el
: '#app',
data
:{
show
:"a"
}
})
</script
>
</body
>
</html
>
