vue.js中v-if以及v-show的使用

    <div id="app">
        <input type="button" @click="flag=!flag" value="toggle" />
        <h3 v-if="flag">这是由v-if控制的元素</h3>
        <h3 v-show="flag">这是由v-show控制的元素</h3>
    </div>

  var vm = new Vue({
	  el:"#app",
	  data:{
	      flag:true
	  }
  })

显示效果:
在这里插入图片描述

发布了26 篇原创文章 · 获赞 6 · 访问量 1476

猜你喜欢

转载自blog.csdn.net/shuttle33/article/details/103110424