有时候，我们需要在实例创建过程中进行一些初始化的工作，以帮助我们完成项目中更复杂更丰富的需求开发，针对这样的需求，Vue提供给我们一系列的钩子函数。本文详细介绍了Vue实例在创建和销毁的过程中，我们可以利用的钩子函数。Vue生命周期下面，我们结合官方文档提供的Vue实例生命周期图，来进行钩子函数的解 ...
分类：
其他好文 时间：
2019-04-03 20:36:53
阅读次数：
149
keep-alive keep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，由于是一个抽象组件，所以在v页面渲染完毕后不会被渲染成一个DOM元素 keep-alive生命周期钩子函数：activated、deactivated 当组件在keep-alive内被切换时组件的 ...
分类：
其他好文 时间：
2019-03-29 17:44:51
阅读次数：
145
前言 在使用vue一个多礼拜后，感觉现在还停留在初级阶段，虽然知道怎么和后端做数据交互，但是对于mounted这个挂载还不是很清楚的。放大之，对vue的生命周期不甚了解。只知道简单的使用，而不知道为什么，这对后面的踩坑是相当不利的。 因为我们有时候会在几个钩子函数里做一些事情，什么时候做，在哪个函数 ...
分类：
其他好文 时间：
2019-03-25 19:02:43
阅读次数：
146
transition 动画： 当插入或删除包含在 transition 组件中的元素时，Vue将会做以下处理： 1、自动嗅探目标元素是否应用了css过滤或动画，如果是，在恰当的时机添加/删除css类名 2、如果过滤组件提供了javascript钩子函数，这些钩子函数将在恰当的时机被调用。 3、如果没 ...
分类：
Web程序 时间：
2019-03-23 15:51:56
阅读次数：
189
笔试： 1.vue-router的钩子函数：beforEach、afterEeach（当时是一个多选题 愣是没看清题目 选了个生命周期的钩子函数） 2.第一次页面加载vue会触发那几个钩子？ beforeCreate、created、beforeMount、mounted（Dom渲染在这个钩子函数中 ...
分类：
其他好文 时间：
2019-03-22 17:04:03
阅读次数：
116
vue 生命周期： 一个组件从创建到销毁的过程 let vm = new Vue({ el : "id", data : { }, 1. beforeCreate(){ 1. 当vue实例化的时候会做一个初始化的操作，在这个生命周期函数里面我们可以做初始化的loading 2. 在当前函数中访问不到 ...
分类：
其他好文 时间：
2019-03-20 00:59:57
阅读次数：
196
生命周期：一个组件从创建到销毁的这个过程叫做生命周期 生命周期钩子函数 1、组件从创建到销毁的过程 1、创建前 创建后 2、挂载前 挂载后 3、更新前 更新后 4、销毁前 销毁后 beforeCreate: 当前生命周期函数主要用来做初始化工作,在这个生命周期函数中我们可以创建一个loading c ...
分类：
其他好文 时间：
2019-03-19 18:47:33
阅读次数：
161
每个vue实例被创建时都会经历一系列初始化的过程，像是一个生命从无到有的过程，所以叫生命周期，而这个过程都有对应的不同阶段，也就对应了生命周期不同的钩子函数，这些生命周期函数，作为vue实例的属性使用，只有到了这一过程的时候，对应的函数才会被调用，总结下来有如下方法： beforeCreate：在实 ...
分类：
其他好文 时间：
2019-03-11 15:00:22
阅读次数：
191
在Vue中使用了Swiper ，动态从后台获取数据的之后，swiper滑动失效？？ 是因为swiper提前初始化了，那时候数据还没有完全出来。这里有两种解决办法 1. 使用vue提供的$nextTick()方法 当Vue构造器里的data值被修改完成后会调用这个方法，也相当于一个钩子函数吧，和构造器 ...
分类：
其他好文 时间：
2019-03-09 23:14:33
阅读次数：
501
1, 实例，组建通过new Vue() 创造出来之后，会初始化事件和生命周期（init Events & LifeCycle),然后会执行beforeCreate钩子函数，这个时候，数据还没有加载，所以不能访问到数据和真实的DOM,一般不做操作。 2，加载数据，绑定事件（init Injection ...
分类：
其他好文 时间：
2019-03-04 19:22:17
阅读次数：
181
