vue3 API学习列表
没有别的意思， 就是希望自己能系统的把vue的api文档完整的看一遍
最近在用vue做新项目，碰到的东西的，有些还是需要临时查文档
最后，希望能多看几遍
开始
基础
深入组件
逻辑复用
内置组件
应用规模化
最佳实践
TypeScript
进阶主题
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Lee Blog！
相关推荐
2022-12-23
VUE3 项目搭建
前言Vue 3 正式版已经发布有一段时间了，随着 Vite 脚手架注定成为下一代前端工具链，许多用户都想基于 Vite 来构建 Vue 项目，如果想基于 Vite 构建 Vue 3 项目，社区模板完全满足您的需求，如果想构建 Vite 3 + Vue 3 + JavaScript 项目，那社区模板不太能满足您的需求，因为社区模板提供 Vue 3 项目几乎是基于 Vite 2 + TypeScript 构建，对于不熟悉 TypeScript 语言的用户不是很友好，因此接下来从 0 开始手把手带大家搭建一套规范的 Vite 3 + Vue 3 + JavaScript 前端工程化项目环境。 本文章篇幅较长，从以下几个方面展开： 基础搭建 代码规范 提交规范 自动部署 本项目完整代码托管在 GitHub 仓库[1]，欢迎点亮小星星 🌟🌟 技术栈 ⚡️ Vite 3[2] - 构建工具（就是快！） 🖖 Vue 3[3] - 渐进式 JavaScript 框架 🚦 Vue Router[4] - 官方路由管理器 📦 Pinia[5] - 值得你喜欢的 Vue...
2022-07-12
vue3 watch 理解
vue3中 watch、watchEffect区别1、watch是惰性执行，也就是只有监听的值发生变化的时候才会执行，但是watchEffect不同，每次代码加载watchEffect都会执行（忽略watch第三个参数的配置，如果修改配置项也可以实现立即执行） 2、watch需要传递监听的对象，watchEffect不需要 3、watch只能监听响应式数据：ref定义的属性和reactive定义的对象，如果直接监听reactive定义对象中的属性是不允许的，除非使用函数转换一下 4、watchEffect如果监听reactive定义的对象是不起作用的，只能监听对象中的属性。 123456789101112131415161718let count = ref(0)let countObj = reactive({count: 0})// 惰性，首次加载不执行watch(count, (newVal, oldVal) =>{console.log(newVal, oldVal)} )// watch...
2022-09-27
vue3 双向绑定
[TOC] 写在前面本文的目标是实现一个基本的vue3的响应式，包含最基础的情况的处理，本文是系列文章，如果你对vue3还不了解，那么请移步： 超详细整理vue3基础知识💥 手写mini-vue3第三弹！万字实现渲染器首次渲染流程 🎉 🎉 更新！更新！实现vue3虚拟DOM更新&diff算法优化🎉 🎉 本文你将学到 一个基础的响应式实现 ✅ Proxy ✅ Reflect ✅ 嵌套effect的实现 ✅ computed ✅ watch ✅ 浅响应与深响应 ✅ 浅只读与深只读 ✅ 处理数组长度 ✅ ref ✅ toRefs ✅ 一. 实现一个完善的响应式所谓的响应式数据的概念，其实最主要的目的就是为数据绑定执行函数，当数据发生变动的时候，再次触发函数的执行。 例如我们有一个对象data，我们想让它变成一个响应式数据，当data的数据发生变化时，自动执行effect函数，使nextVal变量的值也进行变化： 1234567891011121314// 定义一个对象let data = { name: 'pino', ...
