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.生命周期

vue学习笔记_第1张图片

由于不确定组件是否在document中,所以可以用以下的方法来进行对dom操作;

vue学习笔记_第2张图片

2.vue实例

vue学习笔记_第3张图片


vue学习笔记_第4张图片

data也可以在外部赋值:


vue学习笔记_第5张图片

2.模板语法----没啥好些的,边做边看哈

3.计算属性和侦听器

vs方法:计算属性和方法类似,可以实现相同的效果,不同的是计算属性是基于它们的依赖进行缓存的,当依赖发生改变时才会重新求值,而方法是每次调用或触发重新渲染时,调用方法都会再吃执行,所以当性能开销比较大时可以用计算属性,但是如果不希望有缓存,就用方法来实现;

vs监听属性:监听属性也可以监听数据发生变化时,来执行一些操作,然后依赖属性比较多时,用watch会比较重复;


vue学习笔记_第6张图片

但是比起起算属性,当方法比较繁琐或使用异步时,可以优先考虑watch,个人觉得计算属性在created时就已经初始化好,太大的话渲染比较慢;


其实watch可以同时监听多个属性,还是可以监听到旧的值,可是我现在好像不清楚怎么个写法,类似好像还可监听路由,哈哈哈哈哈

*setter:


vue学习笔记_第7张图片

4.

你可能感兴趣的:(vue学习笔记)