<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
[v-cloak] {
display: none;
}
</style>
</head>
<body>
<div id="app">
<p v-show="isShow">v-show是控制元素顯示隱藏</p>
<p v-if="isShow">v-if是控制元素插入移除</p>
</div>
<!-- 因為script標簽默認加載js是同步的, 會阻塞頁面的渲染, 所以一般我們會把它引入在DOM下面 -->
<script src="vue.js"></script>
<script>
var vm = new Vue({
el: '#app',
data: {
isShow: false
}
});
</script>
</body>
</html>
01_06.v-show
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
推薦閱讀更多精彩內容
- VUE 模板指令 還記得underscore.js中if如何書寫的嗎？ 條件判斷v-if 直接在元素上添加v-if...
- (一) vue的生命周期 https://segmentfault.com/a/1190000008010666 ...
- 簡單來說，v-if的初始化較快，但切換代價高；v-show初始化慢，但切換成本低。 v-show渲染頁面結構后，通...
