首页
关于
MicroMatrix
明月别枝惊鹊,清风半夜鸣蝉
累计撰写
116
篇文章
累计创建
36
个标签
累计收到
0
条评论
栏目
目 录
CONTENT
以下是
vue3
相关的文章
2023-05-25
vue3源码学习-8-watch
前言 本文学习编写 watch 功能函数。首先,先去使用下官方的 watch 做一些简单的小功能测试。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-
2023-05-25
3
0
0
share
2023-05-24
vue3源码学习-7-computed的实现
前言 回顾上期的内容,编写了 effect 中的调度器,主要修改了 effect.ts 文件。在预览之前的代码的时候会发现一些优化的地方。 在 vue 代码的需求编辑中,会遇到这样一个例子。例如一个人的姓名分为姓和名,那么我希望在页面上打印出这个人的姓+名,而且在姓或者名改变的时候,页面渲染也会改变
2023-05-24
1
0
0
share
2023-05-23
vue3源码学习-6-调度器
前言 经过第 5 章对于分支切换的操作之后,vue 的 effect 源码就具有了收集需要的依赖,对于改变不必要的数据,不会触发依赖的更新。那么今天就要实现 vue3 的调度器代码,之前 effect 只能同步运行代码,无法对于异步操作进行数据更新。 官方的写法是什么样子呢? let flag =
2023-05-23
3
0
0
share
2023-05-14
vue3源码学习-3-实现reactivity
前言 经过前面的环境搭建以及项目构建,完成了基础的项目框架,下面学习实现 vue3 的 reactivity。 观察官方如何使用 首先修改.npmrc文件 # 解决一个问题 例如vue中有个依赖abc ,那么我们安装了vue就可以直接用abd,有一天vue不依赖abc了,那么你用abc就出错了,未来
2023-05-14
3
0
0
share
2023-05-14
Vue3 + Vite + Ts + Axios + Pinia + VueRouter 配置教程
说明 本文记录一下 Vue3 的一个基本的开发框架的搭建。主要在公司开发业务,主体框架不用每次都搭建。时间长了就容易忘记了,当初的框架如何搭建的。文章记录的框架搭建的主要实现功能如题,然后研究一些快捷的操作。例如,ts 定义的空间自动导入等等。 工具介绍 Vite 是一种新型前端构建工具,能够显著提
2023-05-14
2
0
0
share
2023-05-13
vue3源码学习-2-实现构建流程
前言 通过源码学习笔记 1 的实验操作,得到了个基础模版。那么接下来,我们需要实现构建流程,让我们的项目能打包运行。 构建流程 此处我们修改一下 tsconfig.json 里面的 strict 为 false,暂时不用严格模式 我修改一下 packages.json 的配置文件,新增一个 dev
2023-05-13
4
0
0
share
2023-05-09
vue3源码学习-1-生成配置信息
前言 本次主要学习目标是构建一个 vue3 源码的工程项目。需要用到 monorepo 来作为项目管理的主体。 pnpm 作为包管理(pnpm 作为新型的包管理器,最大优势,快,小 语法选择 typescript,目前较为流行的编程语言,JS 的扩展版 项目的文件构成截图 开始项目搭建 新建一个文件
2023-05-09
3
0
0
share
2022-05-13
Vue3和Vue2的一些写法区别
摘要 本篇记录 vue3 和 vue2 在实现相同的逻辑上的一些语法差异,持续更新。 事件绑定 在开发过程中会遇到需要定制一些 video 或者 audio 播放组件,需要用到一些原生的事件。但是 vue3 和 vue2 原生事件的绑定是不一样的。 例如下面的音频播放组件 vue2 中只需要在 mo
2022-05-13
5
0
0
share
2022-05-12
Vue3小技巧-业务逻辑Hooks封装
前言 随着 Vue 更新到 3.x 版本,出现了一个新的代码组织方式-组合式 API。以前 Vue2.x 到代码书写风格是选项式 API。 具体可以去vue 官网查看 但是在实际代码编写过程中,组合式 API 一大坨代码都放在一起。不利于后期代码维护,本人小菜鸟一枚就思考是否有什么设计模式或者什么解
2022-05-12
2
0
0
share
1
2