vue学习笔记
参考链接:https://segmentfault.com/a/1190000008010666
vue:https://cn.vuejs.org/v2/guide/
vuex:https://vuex.vuejs.org/zh-cn/intro.html
router:https://router.vuejs.org/zh-cn/essentials/named-routes.html
less:https://less.bootcss.com/features/
git: https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
http://www.ruanyifeng.com/blog/2014/06/git_remote.html
视频教程:
https://www.imooc.com/learn/694
https://www.codecasts.com/series/vue-js-2-0-series
1.生命周期
![](https://img.haomeiwen.com/i9526466/b9c53e3a536da4da.png)
由于不确定组件是否在document中,所以可以用以下的方法来进行对dom操作;
![](https://img.haomeiwen.com/i9526466/81f7b9dd9c61064f.png)
2.vue实例
![](https://img.haomeiwen.com/i9526466/595d7eefb7c173f6.png)
![](https://img.haomeiwen.com/i9526466/b68f6b7a6236d1ae.png)
data也可以在外部赋值:
![](https://img.haomeiwen.com/i9526466/701f7fc4673d2517.png)
2.模板语法----没啥好些的,边做边看哈
3.计算属性和侦听器
vs方法:计算属性和方法类似,可以实现相同的效果,不同的是计算属性是基于它们的依赖进行缓存的,当依赖发生改变时才会重新求值,而方法是每次调用或触发重新渲染时,调用方法都会再吃执行,所以当性能开销比较大时可以用计算属性,但是如果不希望有缓存,就用方法来实现;
vs监听属性:监听属性也可以监听数据发生变化时,来执行一些操作,然后依赖属性比较多时,用watch会比较重复;
![](https://img.haomeiwen.com/i9526466/2262802b0cf3afe4.png)
但是比起起算属性,当方法比较繁琐或使用异步时,可以优先考虑watch,个人觉得计算属性在created时就已经初始化好,太大的话渲染比较慢;
![](https://img.haomeiwen.com/i9526466/482281621c86b5a7.png)
其实watch可以同时监听多个属性,还是可以监听到旧的值,可是我现在好像不清楚怎么个写法,类似好像还可监听路由,哈哈哈哈哈
*setter:
![](https://img.haomeiwen.com/i9526466/750d0e6b442e7054.png)
4.