码迷,mamicode.com
首页 > 其他好文 > 详细

v-if和v-show的使用

时间:2021-06-02 17:37:40      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:--   ESS   message   new   charset   char   判断   vue   需要   

在渲染html中。v-if性能低一点,v-show 如果需要频繁的切换,就采用v-show

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div id="app">
    {{message}}
<!--  v-if是将整个元素毁掉,下次在重新创建。-->
  <h2 v-if="isShow">v-if属性判断是否显示</h2>
<!--  v-show 知识将当前标签隐藏。所以如果需要频繁的切换,用 v-show性能更高-->
  <h1 v-show="isShow">v-show判断是否显示</h1>
</div>
<script src="../vue.js"></script>
<script>
  const app = new Vue({
    el: ‘#app‘,
    data: {
      message: ‘hello‘,
      isShow: true
    }
  })
</script>
</body>
</html>

v-if和v-show的使用

标签:--   ESS   message   new   charset   char   判断   vue   需要   

原文地址:https://www.cnblogs.com/ch2020/p/14828642.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!