vue教程v-show,v-if篇3

为啥要单独说v-show和v-if呢，他们有什么相同和不同点

共同点：最直接都可以隐藏和显示元素
不同点:和v-if不同v-show在隐藏的时候节点是存在的而v-if是去掉的类似dispaly的none

<template>
<div>
    <div v-if="value">//if绑定
我是大名
  </div>
<div v-else>
    我是小名
</div>
</div>
</template>
<script>
  export default {
    name: 'App',
   data () {
    return {
      value:false//false为隐藏true相反
    }
  },
  methods:{
  },
  }
</script>
<style>
.color{
  color: red;
}
</style>

效果里大名没有显示出来，节点也不存在了，v-else是在同跟目录下生效的，标识和if相反的渲染方式，新接触的同学们可以使用v-if做个tab切换吧