Vue3 学习参考

大圣老师的 Vue3 学习知识点及路线：

中文官方文档

浏览器在线运行框架环境练习：

Vitejs - Vite (forked) - StackBlitz

（一）新增特性

Vue.js 作者谈 Vue 3.0 beta 现状_哔哩哔哩 (゜-゜)つロ干杯~-bilibili
焕然一新的 Vue 3 中文文档要来了🎉 - 掘金

其他新特性学习资料：

《Vue3.0抢先学》系列
全面总结Vue3.0的新特性
2022年必会Vue3.0学习（强烈建议） - 掘金
Vue3 + <script setup> + Typescript 使用手册 - 掘金
Vue3 + TS 最佳实践 - 掘金
Vue3 + TSX 最佳实践？不存在的 - 掘金
https://juejin.cn/post/6950487211368251399
Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目 - 掘金
为什么我推荐使用JSX开发Vue3 - 掘金
还不会Vue3？一篇笔记带你快速入门 - 掘金
Vue3.2 setup语法糖、Composition API、状态库Pinia归纳总结 - 掘金
让你30分钟快速掌握vue 3 - 掘金
Vue3 <script setup lang=“ts”> 使用指南 - 掘金

（二）源码学习

Vue 源码中的工具函数
VueUse Collection of Vue Composition Utilities
Vue源码探秘（一）
Vue3
介绍 · GitBook
图解 Vue、Vue-Router、Vuex 源码
前言 | Vue.js 技术揭秘
GitHub - ygs-code/vue: vue源码逐行注释分析+40多m的vue源码程序流程图思维导图

（三）知识点学习

大爱Vue3.3！从此父子组件双向绑定不再是烦恼！

typescript

import { computed } from 'vue'

export const useModel = <P extends object, K extends keyof P, Name extends string>({ props, key, emit }: { props: P, key: K, emit: (name: Name, ...args: any[]): void }) => {
  return computed({
    get () {
      return props[key]
    },
    set (value) {
      emit[`update:${key.toString()}` as Name, value]
    }
  })
}

其他学习资料：

花了一天的时间，地板式扫盲了vue3所有API盲点 - 掘金
分享 15 个 Vue3 全家桶开发的避坑经验 - 掘金
Vue3又出新语法到底何时才能折腾完？ - 掘金
Vue3拒绝写return，用setup语法糖,让写Vue3更畅快 - 掘金
5个知识点，让 Vue3 开发更加丝滑 - 掘金
https://github.com/su37josephxia/vue3-study

Vue3 学习参考 ​

（一）新增特性 ​

（二）源码学习 ​

（三）知识点学习 ​

（四）第三方依赖库学习 ​

（五）第三方组件库学习 ​

（六）项目工程搭建学习 ​

（七）管理后台模版学习 ​

（八）面试题学习 ​

Vue3 学习参考

（一）新增特性

（二）源码学习

（三）知识点学习

（四）第三方依赖库学习

（五）第三方组件库学习

（六）项目工程搭建学习

（七）管理后台模版学习

（八）面试题学习