课堂随记（狂神Vue）

• 组件的概念不太理解

• v-bind常用的绑定变量方法

• 关于ajax同步和异步的区别

• 钩子函数 是es6的新特性

• data即有属性，也有data（）方法

• *由于vue的特性，在数据加载出来之前页面会以{{message}}之类的形式显示，我们称之为闪烁，为了解决该问题可以通过给div添加一个标签：v-clock

<div id="vue" v-clock>
    <li>{{info.name}}</li>
    <li>{{info.address.street}}</li>
</div>

再通过添加一个

• methods的优先级比computed高

• computed的特别之处，和mybatis的缓存机制类似，一旦有增删改，立刻丢弃原有的重新计算（这也是虚拟DOM的概念），相对于methods，侧面节省了浏览器资源。

• webpack是用来打包的工具，由于很多的网站是基于es5开发的而vue是基于es6，因此需要通过webpack打包降级

• 

• 遇到了无法打包的问题后降级node与npm后解决（也有可能是因为删除了旧项目）

• 只有放在statics中的文件才可以通过服务器直接访问，而src下的文件是不能直接访问的

• index不一定是主页，还有可能是主配置。

• vue-router：添加一个组件，导入到router，配置导出，最后在App.vue里router-link+router-view

• 一般前端分为两大组件，一个是elementUI，一个是layer，分别负责桌面化组件和弹窗

• 写文档常用docsify，目前不了解。

• 注意 2.x版本的vue会与4.x版本的router冲突导致warning，需要router降级

• 传参的时候需要对象以及v-bind，不传参的话不需要，绑定后由path接收。

• template中所有元素一定都不能在根节点下，需要套一个div

• 用props的方式传参更好一点

• =>使用的方法其实就是function()

• 导入一个组件记得要在main里import进来