vue2.0 笔记整理

image.png

vue router：

1. 默认路由 ： AAA/#/login 带hash的 （对SEO不友好）
   2.history路由：AAA/login 不带hash的（对搜索引擎友好）

image.png

3.可以配置全局样式

image.png

4.生命周期详解：
renderError:

image.png

errorCaotured：

image.png

5.绑定html，展示节点

image.png

绑定动态值，绑定事件：

image.png

6.动态绑定class
对象的形式：

image.png

数组的形式：

image.png

可以把上面两种形式合并，简写：

image.png

绑定style样式：

image.png

多样式，用数组的形式接收，然后它能自动合并，并且会根据当前的浏览器，给样式加上兼容的前缀。

image.png

7.vue里面的计算属性的使用说明：computed 自带有缓存机制，

image.png

展示实列：

image.png

8.watch方法，最初绑定的时候是不执行的，

image.png

如果不声明，会在监听的值发生改变的时候才触发当前的监听函数：

image.png

image.png

优化方案：监听对应的熟悉，用字符串的模式来操作。

image.png

总结说明：在computed 和watch中，尽量不要去修改依赖的值（而是生成一个新的值来做显示操作），如果改了会造成无限循环。它们的作用是：监听处理某个逻辑，然后得到一个新的值。

9.vue原生的指令和语法：