大家好，我是沐华。最近一个粉丝公司项目由 Vue2 升级到 Vue3 了，他有好多不会用的，所以我就写了这篇开发文档，包含了 Vue3 开发中使用的所有语法，助他快速上手 Vue3 项目开发

前言 Vue 3 正式版已经发布有一段时间了，随着 Vite 脚手架注定成为下一代前端工具链，许多用户都想基于 Vite 来构建 Vue 项目，如果想基于 Vite 构建 Vue 3 项目，社区模板完

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

Pinia 意为菠萝，表示与菠萝一样，由很多小块组成。在 Pinia 中，每个 Store 都是单独存在，一同进行状态管理。与 Vuex 相比，Pinia 提供了更简单的 API，更少的规范。

背景 由于第一版是基于端上 Windvane 做的跨页面选址工具，社区内有不少同学希望做个支持纯H5的版本 这也是我在一期时候的待完善计划之一 一期：基于 高德 + Windvane 的选址工具，对高

起因之前公司有个调用地图选址组件来实现快速定位的需求，但是使用腾讯和高德地图通过 iframe 内嵌调用都不满足要求，索性就使用零碎的高德地图 api 来自己封装一个简易的选址组件……

写在前面 本文的目标是实现一个基本的vue3的响应式，包含最基础的情况的处理，本文是系列文章，如果你对vue3还不了解，那么请移步： 超详细整理vue3基础知识💥 本文你将学到 一个基础的响应式实现

Pinia是一个全新的Vue状态管理库，由 Vue.js团队中成员所开发的，因此也被认为是下一代的 Vuex。同时是 vue 作者尤雨溪强势推荐的 vue3 状态管理工具.

这是一份即将焕然一新的 cn.vuejs.org的学习笔记，此文附50张脑图，带你一起了解 Vue 3 新文档有哪些新的变化🕵️‍♂️