Vue3全家桶

开发文档 获取 this Vue2 中每个组件里使用 this 都指向当前组件实例，this 上还包含了全局挂载的东西、路由、状态管理等啥啥都有 而 Vue3 组合式 API 中没有 this，如果想

1. 在应用的根部注入创建的 pinia 2. 定义store，拿用户登录举个简单例子 在src目录新建文件夹store，然后新建文件user.ts 3. 在Vue页面中使用Pinia 4. 持久化插

1.认识前端路由 路由其实是网络工程中的一个术语： 在架构一个网络时，非常重要的两个设备就是路由器和交换机。 当然，目前在我们生活中路由器也是越来越被大家所熟知，因为我们生活中都会用到路由器： 事实上

1. 什么是Pinia呢？ Pinia（发音为/piːnjʌ/，如英语中的“peenya” ）是最接近piña（西班牙语中的菠萝）的词； Pinia开始于大概2019年，最初是作为一个实验为Vue重新

1. 理解状态管理 在开发中，我们会的应用程序需要处理各种各样的数据，这些数据需 要保存在我们应用程序中的某一个位置，对于这些数据的管理我们就 称之为是 状态管理。 在前面我们是如何管理自己的状态呢？

一.Options API的弊端 1.在Vue2中，我们编写组件的方式是Options API： Options API的一大特点就是在对应的属性中编写对应的功能模块； 比如data定义数据、meth

一. 非父子组件的通信 1.1. Provide/Inject Provide/Inject用于非父子组件之间共享数据： 比如有一些深度嵌套的组件，子组件想要获取父组件的部分内容； 在这种情况下，如果

一.jsconfig.json文件 1.1. jsconfig.json文件的作用 作用：给vsocde来进行读取，VsCode在读取到其中的内容时，给我们的代码更有好的提示。 vue.config.

一. 阶段案例 1.1. 购物车代码 1.2. 列表的选择(点击一项, 变成选中状态) currentIndex记录点击，列表选中。 二. v-model双向绑定 2.1. v-model基本使用 手

一.data属性 data属性是传入一个函数，并且该函数需要返回一个对象: 在Vue2.x的时候，也可以传入一个对象 (虽然官方推荐是一个函数)。 在Vue3.x的时候，必须传入一个函数，否则就会直接