![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
昵給硪鐙誒
扥扥扥
展开
-
vue的生命周期
前言 在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。 因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数里做,我们不清楚。 于是我开始先去搜索,发现vue2.0的生命周期没啥文章。大多是1.0的版本介绍。...原创 2019-03-20 16:48:22 · 120 阅读 · 0 评论 -
Vue-lazyload原理详解之源码解析
前叙 本来想要研究mint-ui组件库的Lazy load组件,没想到翻看它的源码,发现它完全引用的vue-lazyload项目,直接引用,没有丝毫修改。 因此转而研究vue-lazyload,代码并不多,几百行吧,有兴趣的可以读一下。 简单接入示例 html代码: <div id="app"> <li v-for="img in imgList"> ...原创 2019-03-20 23:38:39 · 698 阅读 · 1 评论 -
vuex直接修改state 与 用dispatch/commit来修改state的差异:
一. 使用vuex修改state时,有两种方式: 1)可以直接使用 this.$store.state.变量 = xxx 2)this.$store.dispatch(actionType, payload) 或者: this.$store.commit(commitType, payload) 二. 异同点 1)共同点: 能够修改state里的变量,并且是响应式的(能触发视图更新) 2)不同点:...原创 2019-03-21 15:53:01 · 3438 阅读 · 0 评论