![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 70
vue
妮呀
安静学习~
展开
-
记录一次vue3切页面,页面空白的问题
因为添加了注释,导致vue把他当成fragment格式渲染了。。。原创 2022-06-28 10:20:45 · 994 阅读 · 1 评论 -
在keep-alive的页面,Deactivated状态下依然会触发watch操作(vue3)
前言通常有一些全局的变量,每个页面都有监听,但是我们只希望在当前页面执行监听就好处理//记录所有的watch const watchList = []; function initWatch() { let aWatch = watch( () => store.state.a, (newV) => { console.log('watch active') }, { deep: true,原创 2022-05-13 16:48:29 · 1525 阅读 · 0 评论 -
VUE3源码-Compare
目录前言旧vNode 和 新 vNode 的对比主要是判断是否是同一vNodeType两个列表【Children】的对比有设置key值的对比没有设置key值的对比总结前言本章节,我们将一起阅读源码,观看VUE3底层对vNode和列表的比较是怎么进行的,以及为什么列表需要设置key值。旧vNode 和 新 vNode 的对比主要是判断是否是同一vNodeType function isSameVNodeType(n1, n2) { ...原创 2021-10-20 17:13:40 · 385 阅读 · 0 评论 -
vue3新特性-Suspense和Teleport
前言阅读vue3源码的时候,发现会根据不同shapeFlag来做不一样的渲染,进而发现了vue3的一些新特性。好吧,我承认这个先后顺序可能有点点反。好了,让我们进入正题吧。Suspense【试验性,可能变动,生产环境请勿使用】官方说明:在正确渲染组件之前进行一些异步请求是很常见的事。允许将等待过程提升到组件树中处理,而不是在单个组件中实例:有一个组件的一些数据需要异步请求,请求完成后再渲染。为了显示优化,我们会在请求返回前显示一个Loading。进入页面,显示 Loading,...原创 2021-10-20 11:24:48 · 689 阅读 · 0 评论 -
vuex源码-初探
源码Exports首先查看一下源码输出:exportsvar index = { Store: Store, install: install, version: '3.1.0', mapState: mapState, mapMutations: mapMutations, mapGetters: mapGetters, mapActions: mapActions, createNamespacedHelpers: createNamespacedHelpers原创 2021-11-19 20:36:08 · 650 阅读 · 0 评论 -
VUE3源码-CreateApp与mount
vue3中实例化一个vue,是从createApp开始的,那我们createApp到底做了啥呢?createApp源码const createApp = ((...args) => { const app = ensureRenderer().createApp(...args); { injectNativeTagCheck(app); injectCompilerOptionsCheck(app); } ..原创 2021-10-14 14:55:31 · 893 阅读 · 0 评论 -
VUE3源码-生命周期
前言对于VUE3的生命周期,我们经常性会去疑问,生命周期有哪些呢,它是怎么去实现的, 又是什么时候调用的,和VUE2版本有什么不同之处呢?v3生命周期有哪些呢上官方截图v3生命周期的实现这边主要针对的是 Hook inside ,进行分析,主要分析一下几个问题:1.生命周期是如何挂载到实例化的呢?2.又是如何调用的呢?1.生命周期是如何挂载到实例化的呢?onBeforeMount、onMounted等看源码定义,是直接调用 injectHook ...原创 2021-10-13 10:49:54 · 1845 阅读 · 0 评论