问题简述:页面第一次跳转之后,数据可以正常渲染,但第二次进入之后,页面无法正常渲染 解决问题:之前开发项目时最常用的是created,其他的基本不用,但是这次组件做了缓存之后,发现页面渲染一次之后,再次打开时不再走created函数了,官方文档有一个activated函数,故而使用这个,发现再次打开 ...
分类:
其他好文 时间:
2020-05-12 11:55:44
阅读次数:
67
写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。 一、生命周期 先贴两张生命周期图对比下: vue生命周期 小程序生命周期 相比之下,小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子 ...
分类:
微信 时间:
2020-04-29 18:44:44
阅读次数:
90
下图是vue官网的VUE实例生命周期图示: 按照图示,我们能解读到哪些内容呢? 1. vue生命周期分为8个阶段: 创建前/后,载入前/后,更新前/后,销毁前/后 2. 在创建前,即 阶段, 实例的的挂在元素和数据对象 都为 ,还未初始化。 3. 在 阶段, 实例的数据对象 已经有了,el还没有 4 ...
分类:
其他好文 时间:
2020-04-26 11:22:12
阅读次数:
69
写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。 一、生命周期 先贴两张图: vue生命周期 小程序生命周期 相比之下,小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。 o ...
分类:
微信 时间:
2020-04-15 18:26:27
阅读次数:
82
1.vue基本生命周期 lifecycle.png vue源码中最终执行生命周期函数都是调用callHook方法,callHook函数的逻辑很简单,根据传入的生命周期类型 hook,去拿到 vm.$options[hook]对应的回调函数数组,然后遍历执行,执行的时候把 vm作为函数执行的上下文。 ...
分类:
其他好文 时间:
2020-04-15 15:13:18
阅读次数:
83
Vue Vue实例有一个完整的生命周期,也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程,我们称为Vue 实例的生命周期(钩子函数) 附上网上找的一张图解释当我们 new vue 的时候,这些函数就会自动执行 生命周期钩子: 创建:beforeCreate - ...
分类:
其他好文 时间:
2020-04-11 23:59:04
阅读次数:
115
每个Vue实例在被创建的时候,都会经历一系列初始化的过程。比如说需要设置数据监听、模板编译、将实例挂载到DOM结构上并且在数据变化时对DOM结构进行更新等等。Vue允许开发者在不同的生命周期运行一些钩子函数(hook),给开发者在不同的生命周期中添加自己代码的机会。所有的生命周期钩子自动绑定 thi ...
分类:
其他好文 时间:
2020-04-11 00:42:16
阅读次数:
147
(1)Vue生命周期 (2)Var、Let、Const(Var、Let是否提前读取、Const能否重定义) (3)js基本数据类型(Boolean、Number、String、Undefined、Null) (4)简述Promise (5)Vue某两个不同组件传参 (6)盒子模型 (7)Css哪些属 ...
分类:
其他好文 时间:
2020-04-10 17:13:11
阅读次数:
58
之前 对vue的生命周期 是对于口头上的理解(没有应用于实战) 而今天写了个demo 关于ref属性应用的问题 在此重新理解下vue的生命周期 vue的生命周期就是vue的实例对象从创建到销毁的过程 1.创建前(beforeCreate): 实例初始化后,数据观察和时间机制都没形成,不能获取到Dom ...
分类:
其他好文 时间:
2020-04-06 13:24:47
阅读次数:
88