规则只是提示作用，并不带fixed效果，可以把vscode的autofix打开，这样保存文件的时候，自动修复

v-show 相当于css中的display: none，消耗浏览器的渲染性能

v-if 使用的vue的虚拟DOM在控制页面的HTML，可以使用<keep-alive>如果有很多列表频繁的切换的话。

感谢@Monstarme同学的热心回答。

课程源码：vue-lessons-demo

谢谢您的支持。

抱歉，第七步有个排版问题：

创建基于默认模板的项目 my-project

vue init webpack my-project

你需要有以下的准备：

1. 使用npm run build打包vue cli的工程化项目；

2. 把dist目录下的文件上传到线上服务器的网站目录：

   a. 可以使用nginx或者apache作为网站的http服务；

   b. 一般使用linux服务器，/var/html/www为网站目录；

   c. 你需要一个域名，或者使用服务器IP进行访问；

   d. 关闭防火墙，或者使用非80端口，因为一般电信对于没有备案的用户会封禁80端口；

谢谢同学的关注，由于免费课程我们的课程有时长的限制，可以关注我们后续的课程。

也提供一下，同学所关注的几个知识点的链接，自学——自己才是最好的老师

1. 混入

2. 自定义指令

3. 生命周期

进入项目根目录，输入npm install。会自动安装所需依赖。

源码在这里：https://github.com/kanlidy/vue-lessons-demo.git

谢谢关注

谢谢关注。

有具体的错误吗？

一般来说，我们小伙伴打开index.html的方式是直接双击打开了，在chrome中路径栏会提示“file:///”，这个是以文件的形式打开了我们的页面。

可以把dist目录中的文件，放在tomcat/nginx这样的web容器中，使用localhost:8080这种方式来打开，再试一下？

或者，上传到网站的www目录，同样的道理，使用nginx或者apache2来跑一个http服务。

谢谢关注。

使用restful api的方式，前端通过类如axios，vue-resource这种库，去发起http请求到后台，后台返回json数据给前台。

后台，这边有很多种语言可以去读取数据库数据；

nodejs，PHP，python,

java, c#, go

等等等。

可以连关系型数据库如mysql, sqlserver, oracle， 也可以用nosql的数据库比如mongodb。

我们后面的实战课程中，会来介绍使用node的方式来连接Mongodb的数据库，去访问数据库里面的数据。

谢谢您的关注。