前端模仿練習(xí)新增小知識(shí)(1)

live-server:開發(fā)級(jí)的服務(wù)器

在phpstorm中打開的teminal中輸入npm install live-server -g(需要提前安裝node),全局安裝live-server,啟動(dòng)live-server時(shí),直接在teminal中輸入live-server

一般開始項(xiàng)目時(shí),會(huì)初始化項(xiàng)目,輸入npm init,填好里面的設(shè)置后會(huì)自動(dòng)生成一個(gè)package.json文件,方便以后包的管理


指令學(xué)習(xí):

(1)v-if &v-else &v-show,一般v-if經(jīng)常與v-else搭配,可以使用下列的小栗子來講講

<div id="app">

? ? <div v-if="isLogin">hello</div>

? ? <div v-else>Please login</div>

</div>

<script>

var app=newVue({

????el:'#app',

????data:{

????isLogin:true

}

})

</script>

可以直接將v-if改成v-show,那么他們之間有什么區(qū)別呢?

v-if:判斷是否加載,可以減輕服務(wù)器的壓力,在需要的時(shí)候再加載

v-show:調(diào)整css display屬性,可以使客戶端操作更加流暢,當(dāng)v-show為false時(shí),其display屬性設(shè)置為none,當(dāng)v-show為true時(shí),其display屬性為非none

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容