1、使用原则
v-if和v-show都可以决定一个元素是否渲染，开发中的原则如下：
（1）v-if当条件为false时，压根不会有对应的元素在DOM中
（2）v-show 当条件为false时，仅仅是将元素的display属性设为none而已。
开发中如何选择呢？
（1）当需要在显示与隐藏之间切片很频繁时，使用v-show
（2）当只有一次切换时，通过使用v-if
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title-hellovuejs</title>
</head>
<body>
<div id ="app">
<h2 v-if = "isShow" id="aaa">{{message}}</h2>
<h2 v-show = "isShow" id="bbb">{{message}}</h2>
</div>
<script src="../js/vue.js"></script>
<script>
//let（变量） /const（常亮）
const chen1 = new Vue({
el: '#app', //用于挂载要管理的元素
data:{//定义数据
message:'你好啊，helloword',
isShow: true
}
})
</script>
</body>
扫一扫
4489
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
