vue2.0 笔记整理

vue2.0 笔记整理

image.png

vue router：

默认路由 ： 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原生的指令和语法：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。