<div id="app">
<p v-if="seen">現(xiàn)在你看到我了</p>
<template v-if="ok">
<h1>菜鳥教程</h1>
<p>學(xué)的不僅是技術(shù)野芒，更是夢想蓄愁！</p>
<p>哈哈啥，打字辛苦案垂蕖＠缘恰！效诅！</p>
</template>
</div>
<script>
new Vue({
el: '#app',
data: {
seen: false,
ok: false
}
})
</script>
如上代碼胀滚。如果seen和ok都是true。就會把內(nèi)容插入網(wǎng)頁乱投。如果是false就不會插入了咽笼。
如果seen為true而ok為false。結(jié)果就是
image.png
總而言之戚炫，誰是true剑刑，就有誰。
自己模仿一個例子
<div id="app">
<div v-if="shacha">good man</div>
</div>
<script>
new Vue({
el: '#app',
data: {
shacha:true
}
})
</script>
使用方法就是在任意元素內(nèi)隨便寫一個v-if=“xx”双肤。
然后在script標(biāo)簽內(nèi)規(guī)定xx的true or false施掏。 true那段代碼就會執(zhí)行。 xx隨便編茅糜，只要能跟data標(biāo)簽里的對應(yīng)起來就行七芭。
如果用原生js實現(xiàn)該功能的話，就得先獲取Dom元素蔑赘，然后采用if語句狸驳，之后采用隱藏或者顯示方法预明。想想都麻煩。
總而言之耙箍，js是個垃圾撰糠！所以前端框架層出不窮~~~
