live-server:开发级的服务器
在phpstorm中打开的teminal中输入npm install live-server -g(需要提前安装node),全局安装live-server,启动live-server时,直接在teminal中输入live-server
一般开始项目时,会初始化项目,输入npm init,填好里面的设置后会自动生成一个package.json文件,方便以后包的管理
指令学习:
(1)v-if &v-else &v-show,一般v-if经常与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,那么他们之间有什么区别呢?
v-if:判断是否加载,可以减轻服务器的压力,在需要的时候再加载
v-show:调整css display属性,可以使客户端操作更加流畅,当v-show为false时,其display属性设置为none,当v-show为true时,其display属性为非none