首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue
前端要努力QAQ
创建于2021-12-17
订阅专栏
vue学习
等 47 人订阅
共18篇文章
创建于2021-12-17
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React18 与 Vue3 全方面对比
本文正在参加「金石计划」 原文来自我的个人博客 1. 编程风格 & 视图风格 1.1 编程风格 React 语法少、难度大;Vue 语法多,难度小 例如指令: Vue React Vue 给我们提供了
vue3 源码学习,实现一个 mini-vue(十四):构建 compile 编译器(上)
开启掘金成长之旅!这是我参与「掘金日新计划 · 2 月更文挑战」的第 6 天,点击查看活动详情 前言 原文来自我的个人博客 接下来的几章中我们将要在 mini-vue 中 实现一个自己的编译器,在上一
vue3 源码学习,实现一个 mini-vue(十三):compiler 编译器 - 编译时核心设计原则
开启掘金成长之旅!这是我参与「掘金日新计划 · 2 月更文挑战」的第 4 天,点击查看活动详情 前言 原文来自我的 个人博客 从这一章开始我们进入到 compiler 编译器模块的实现。 在实现 co
vue3 源码学习,实现一个 mini-vue(十二):diff 算法核心实现
# 前言 我们之前完成过一个 `patchChildren` 的方法,该方法的主要作用是为了 **更新子节点**,即:**为子节点打补丁**。 子节点的类型多种多样,如果两个 `ELEMENT` 的子
vue3 源码学习,实现一个 mini-vue(十一):组件的设计原理与渲染方案
前言 原文来自 我的个人博客 在实现了 ELEMENT、COMMENT、TEXT 节点的挂载后,我们最后再来实现一下组件的挂载与更新 实现组件开始之前,我们需要明确 vue 中一些关于组件的基本概念:
vue3 源码学习,实现一个 mini-vue(十):构建 renderer 渲染器之 Text Comment 节点的渲染
前言 原文来自 我的个人博客 在之前的章节中我们实现了 ELEMENT 节点的挂载与更新,以及 class、style、事件 属性等等的挂载与更新。 本章我们就在来实现一下 Text、Comment
vue3 源码学习,实现一个 mini-vue(九):构建 renderer 渲染器之 ELEMENT 节点的各种属性挂载
前言 原文来自 我的个人博客 在前几章中,我们实现了 ELEMENT 节点的挂载、更新以及删除等操作。 但是我们的代码现在还只能挂载 class 属性,而不能挂载其他属性。本章我们就来实现一些其他属性
vue3 源码学习,实现一个 mini-vue(八):构建 renderer 渲染器之 ELEMENT 节点的更新与删除
前言 原文来自 我的个人博客 再上一章中,我们完成了 renderer 的基础架构,完成了 ELEMENT 节点的挂载并且导出了可用的 render 函数。 我们知道对于 render 而言,除了有
vue3 源码学习,实现一个 mini-vue(七):构建 renderer 渲染器之 ELEMENT 节点的挂载
前言 原文来自 我的个人博客 自上一章我们成功构建了 h 函数创建 VNode 后,这一章的目标就是要在 VNode 的基础上构建 renderer 渲染器。 根据上一章的描述,我们知道在 packa
vue3 源码学习,实现一个 mini-vue(六):构建 h 函数,生成 VNode
前言 本章原文来自 我的个人博客 终于来到渲染系统啦~ ,在 vue3 渲染系统学习的第一章,我们先来处理 h 函数的构建,关于 h 函数的介绍我这里就不多讲了,具体可以查询文档 h() 以及 创建V
vue3 源码学习,实现一个 mini-vue(五):watch 侦听器
1. 前言 本片文章原文来自 我的个人博客 这是 《vue3 源码学习,实现一个 mini-vue》 系列文章 响应式模块 的最后一章了,在前面几章我们分别介绍了 reactive、ref 以及 co
vue3 源码学习,实现一个 mini-vue(四):computed 计算属性
前言 对于响应性系统而言,除了前两章接触的 ref 和 reactive 之外,还有另外两个也是我们经常使用到的,那就是: 计算属性:computed 侦听器:watch 本章我们先来实现一下 com
vue3 源码学习,实现一个 mini-vue(三):ref 的响应式
前言 在上一章中我们完成了 reactive 函数,同时也知道了 reactive 函数的局限性,知道了只靠 reactive 函数,vue 是没有办法构建出完善的响应式系统的。 所以我们还需要另外一
vue3 源码学习,实现一个 mini-vue(二):初见 reactivity 模块
前言 从本章开始我们将开始实现 Vue3 中的 reactivity 模块 接下来我们看一段代码: 上面的代码很简单大家应该也都会写,最终的效果就是视图中的 张三 在 2 秒钟之后变成了 李四。但是大
vue3 源码学习,实现一个 mini-vue(一):搭建框架雏形
前言 本系列文章旨在通过学习阅读解析 vue3 源码,来实现并产出一个 精简版的 vue 库 小励志一下:阅读源码的过程会是痛苦的,但这一步总是要迈出去的,如果我们能咬牙坚持到最后,回过头会发现,其实
Vue 面试题汇总
前言 本文来自 我的个人博客,原文地址:https://yejiwei.com/post/84 面试题整理自 B站 前端杨村长的 Vue面试专题,题解有结合个人的思考,供大家参考。 个人觉得村长的题目
用Vue3.2 + Vite2.7 从0快速打造一个UI组件库
最近自己学习写了一个基于Vue3的组件库,感觉有点意思,这篇文章来记录一下我是怎么从0快速打造一个UI组件库的 😊先来个预览 😘附上访问地址jw-ui vue vite 快速打造 UI组件库
手写实现一个Mini-Vue框架
1. 前言 从vue源码中可以看出vue主要包含下面三大核心模块: Compiler模块:编译模块 (将template中的模板编译成render渲染函数) Renderer模块:渲染模块 (将Com