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