一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。 1. 技术栈说明 vue2.6 + vue-router + vuex + element-ui 2. 开

在上一篇🚩Vue源码——组件是如何注册和使用中，详细介绍了组件注册和使用的内部逻辑流程，里面所介绍都是同步组件的注册和使用。但是在实际开发中，异步组件才是经常使用的。先来看一下，官方文档中是如何注册异步组件，可以分为三种方式。 从以上示例中可以看到，通过Vue.compone…

前言 大家好 我是鲨鱼哥~ 这是鲨鱼哥 2022 年的第一篇文章 为啥第一篇文章就要写前端性能定位相关呢 其实老粉都知道 性能优化文章我早在去年六月就说要完成的 各种事情一耽误 就过了大半年了

模板编译流程是什么？ 1. 获取 outerHTML 2. 正则查找转义成 ast 语法树 3. ast 语法树转换成 render 字符串函数 4. 执行 redner 函数 生成 vnode 其实

本文可能无法从细节层面教会你如何做好一个开源组件库，作者也在不断探索和学习，但是也许会对你有所启发。

Location接口表示其链接到的对象的位置（URL）。所做的修改反映在与之相关的对象上。 、 这样的还有其他的元素。它提供了全局操作document的功能，像获取网页的URL和在document里创建一个新的元素。" href="https://developer.mozil…

在 Web 前端单页应用 SPA(Single Page Application)中，路由描述的是 URL 与 UI 之间的映射关系，这种映射是单向的，即 URL 变化引起 UI 更新（无需刷新页面）。 下面分别使用 hash 和 history 两种实现方式回答上面的两个核心…

1.添加全局$store2.实现共享数据效果3.实现getters方法效果4.实现mutation方法效果5.实现actions方法效果6.模块化共享数据提取模块信息自定义vuex.jsindex.j

可以看到此时是往全局options也就是Vue.options中扩展我们传入的内容东西。 这里就是将Vue.options和组件定义的options合并成组件的options。 在src/core/util/options.js中，mergeOptions 主要功能就是把 pa…