如何利用Vue.js庫(kù)中的v-show顯示和隱藏元素？V-show確定所包含的元素是通過(guò)其值true還是false來(lái)顯示。例如：HTML:<div id=“app”><P v-show=“

如何利用Vue.js庫(kù)中的v-show顯示和隱藏元素？

V-show確定所包含的元素是通過(guò)其值true還是false來(lái)顯示。例如：HTML:<div id=“app”><P v-show=“OK”>123</P></div>javascript（Vue）：VAR VM=new Vue（{El:“app”，data:{OK:true}）默認(rèn)情況下，運(yùn)行結(jié)果將在頁(yè)面上顯示此P元素，即顯示123字符串。當(dāng)我們使用vm.ok=錯(cuò)誤將其值設(shè)置為false之后。123字符串立即消失，即P元素被隱藏。

vue.js使用v-if實(shí)現(xiàn)顯示與隱藏功能示例？

第一步是創(chuàng)建靜態(tài)頁(yè)面文本.html，修改標(biāo)題中顯示的內(nèi)容并介紹虛擬用戶.js第二步，在body tag元素中插入兩個(gè)span元素，在第一個(gè)span中綁定v-text指令，在第二個(gè)span中插入{{message}}，編寫(xiě)JS代碼，綁定數(shù)據(jù)源消息，并在第四步中預(yù)覽靜態(tài)頁(yè)面文本.html{{message}的發(fā)現(xiàn)仍然是第五步的問(wèn)題，在兩個(gè)span的外層添加一個(gè)div，將第一個(gè)span的ID分配給div，然后將V-model綁定到第一個(gè)span標(biāo)簽。第六步，再次預(yù)覽發(fā)現(xiàn)頁(yè)面中的{message}成為綁定數(shù)據(jù)源，

vue.js的優(yōu)點(diǎn)和缺點(diǎn)在哪？

Vue是中國(guó)最流行的前端MVVM框架的優(yōu)缺點(diǎn)如下：

總之，利大于弊，否則Vue就不會(huì)像現(xiàn)在這樣流行了。隨著2020年4月vue3.0的推出，功能更加強(qiáng)大，我們應(yīng)該對(duì)Vue的未來(lái)充滿信心。