vue3

前言： 早期UI库文档代码与渲染用的是 2 套代码，自然改文档时需要改 2 份代码。 md 转 vue 的目的就是为了能让渲染代码与文档代码共用一套代码。 整体思路 我们知道，vite pulgin

手写 vuex4.0 实现原理 首先我们来看一个小小的vuex4.0使用案例 App.vue store/index.js main.js 手写一个 vuex4.0 需要实现以上功能，那么我们先从 m

效果图如下： 右边可输入代码， 左边可时时查看效果 实现如下 参照以下 CodeSandbox 演示 使用 codeopen.vue 组件： codeopen.vue 组件：

1. 全局安装 vuepress 2. 运行编写好的 docs 文件，编译后的浏览器显示文档网页 3. 将编写好的 docs md文档文件 build 打包成静态 html 网页 1. 首先我们来实现自己编写一个库，发布到npm后 可通过npm i 自己库名安装 2. 全局安装…

1. 重写引入模块路径前面加上/@modules/, 重写后浏览器会再次发送请求 2. 拦截含有/@modules/的请求, 去node_modules引入对应的模块并返回 3. 解析.vue文件 4. 静态服务插件 实现可以返回静态文件的功能

observe 方法的作用是遍历对象，在内部对数据进行劫持添加 get 和 set方法，把劫持的逻辑单独抽取成 defineReactive 方法，observe 方法作用是对数据类型验证，符合需求后会调用Observer方法进行属性响应式，然后再循环对象每一个属性进行劫持，当…

1. 准备好环境 2. 实现目的 3. App.vue 内使用自写的vuex:

1. 准备好环境 2. 实现目的 3. 实现原理 3. 使用手写vue-router：

createApp 主要做了两件事情：创建 app 对象和重写 app.mount 方法。 1. 创建 app 对象 2. 重写 app.mount 方法 标准的跨平台渲染流程是先创建 vnode，再渲染 vnode。此外参数 rootContainer 也可以是不同类型的值，…