live-server使用
用npm进行全局安装
npm install live-server -g
在项目目录中打开
live-server
v-if:
是vue 的一个内部指令,指令用在我们的html中。
v-if用来判断是否加载html的DOM,比如我们模拟一个用户登录状态,在用户登录后现实用户名称。
2.v-show的使用:
调整css中display属性,DOM已经加载,只是CSS控制没有显示出来。
v-if 和v-show的区别:
v-if: 判断是否加载,可以减轻服务器的压力,在需要时加载。
v-show:调整css dispaly属性,可以使客户端操作更加流畅。
v-text & v-html
我们已经会在html中输出data中的值了,我们已经用的是{{xxx}},这种情况是有弊端的,就是当我们网速很慢或者javascript出错时,会暴露我们的{{xxx}}。Vue给我们提供的v-text,就是解决这个问题的。我们来看代码:
{{ message }}=
如果在javascript中写有html标签,用v-text是输出不出来的,这时候我们就需要用v-html标签了。