Vue.js 3.0


  • 简介
  • 目录大纲
  • 最新文档
  • 文集下载

    十分钟,带你了解 Vue3 的新写法

    最近因为项目需要,不得不学习一下 Vue3。于是花了 4 个小时,把 Vue3 过了一遍。现在我来带你快速了解 Vue3 的写法。 本文的目的,是为了让已经有 Vue2 开发经验的 人 ,快速掌握 Vue3 的写法。 因此, 本篇假定你已经掌握 Vue 的核心内容 ,只为你介绍编写 Vue3 代码,需要了解的内容。 一、Vue3 里 script 的三种写法 首先,Vue3 新增了一个叫做组合式 ……

    Leo - 2024年5月10日 13:43


    4. Vite 实现原理

    Vite实现原理 1.Vite 接下来再来回顾一下Vite,之前已经演示过Vite的基本使用,这里的重点是来了解Vite的核心实现原理。先来回顾一下Vite的概念,Vite是一个面向现代浏览器的一个更轻、更快的web应用开发工具,它基于ECMAScript标准的原生模块系统ES Module来实现的。 它的出现是为了解决外webpack在开发阶段使用webpack-dev-server冷启动时间过……

    Leo - 2022年11月30日 22:58


    3. Vue.js 3.0 响应式系统原理

    【附件】05-reactivity.rar 1.响应式系统原理-介绍 接下来通过模拟Vue3的响应式系统来深入了解它内部的工作原理。先来回顾一下Vue3重写了响应式系统,和Vue2相比,Vue3的响应式系统底层采用proxy对象实现,在初始化的时候不需要遍历所有的属性,把属性通过defineProperty转换成getter和setter。另外如果有多层属性嵌套的话,只有访问某个属性的时候才会递归……

    Leo - 2022年11月28日 12:44


    2. Composition API

    Composition API 【附件】03-composition-api.rar 【附件】04-todolist.rar 1.Composition API 接下来我们来介绍一下Vue3中新增的Composition API如何使用。注意Composition API仅仅是Vue3中新增的API,我们依然可以使用Options API。先来实现一下之前演示的获取鼠标位置的案例。做这个案例之前,……

    Leo - 2022年11月27日 20:41


    1. Vue 3.0介绍

    Vue3.0介绍 1.Vue.js 3.0 源码组织方式 Vue2.x与Vue3.0的区别 源码组织方式的变化 Vue3.0的源码全部采用TypeScript重写 使用Monorepo方式来组织项目结构,把独立的功能模块都提取到不同的包中。 packages下都是独立发行的包,可以独立使用。 【附件】Vue3.0 packages代码结构.xmind Composition API……

    Leo - 2022年11月26日 18:21



    Leo