VUE3基础

pinia就是一个状态管理库，类似于VUE2里的VUEX，可以对数据进行存储和定义一些方法，在组件过多的时候实现数据共享。

该篇文章讲述了VUE3中路由的基本使用，包括如果创建一个路由，路由功能的实现，如何跳转路由，编程式导航等等。

Vue3的组合式开发相比于Vue2的选项式开发，更利于后期维护，主要原因就是Vue3通过Hooks将代码碎片化，不同的功能代码都被抽离出来单独存放。

VUE3的生命周期和VUE2差不多，只不过修改了一些名字，然后用法变成组合式API的用法而已，每个阶段调用的钩子函数都是一样的，

vue3的props也是跟vue2一样，是用来接收父组件传来的值的，而且也可以对父组件传来的值进行规定。

通过原生dom操作的方式去获取dom元素，在多人开发的时候容易出错，vue项目中更推荐通过ref属性的方式去获取dom元素

前面讲到VUE3的监视器，是监视某个数据是否产生变化并对其进行的后续操作，而这里要讲到的是watchEffect，它不是监视某个数据，而是监视整个函数所用到的所有属性。

VUE3的监视器分为很多种情况，需要我们去详细的了解一下，但是大部分的内容和VUE2是没什么区别的。

这里主要讲了VUE3如何使用计算属性，跟ref和reactive差不多都是需要先引入，然后再包裹起来，还讲了该如何去直接修改计算属性。

VUE3创建响应式数据的方式和VUE2不一样，VUE2是直接放在data选项里的数据都会直接变成响应式，VUE3是用ref或者reactive包裹住的数据才会变成响应式。

VUE3使用的是组合式开发，会把一个功能所需要用到的数据方法监听器计算属性等放在一个函数里，这个函数就是setup。

VUE3相比于VUE2有很大的性能提升，VUE3的创建方式有两种，更推荐使用Vite去创建VUE3.