vue3学习篇

『引言』 在vue2.0中一些可复用的逻辑可以使用mixins来封装，但是需要考虑逻辑代码冲突问题。 vue3.0的组合API很好的解决了这个问题，就不再推荐使用mixins了。

今天来介绍两个内置组件Fragment、Suspense。Fragment简化了结构的组织，减少标签层级，减少内存占用。而Suspense让异步内容的处理变得优雅。

今天来介绍一个内置组件Teleport。 通常情况下，Vue组件的模板会被渲染在位于组件根元素内部的一段HTML代码。

『引言』 🙋🙋‍♂️提问🚩：想要给一个组件的显示和消失添加某种过渡动画，怎么办❓🤔🤔 回答📒：Vue中提供了一些内置组件和对应的API来完成动画，实现过渡动画效果。

『引言』 🙋🙋‍♂️提问🚩：常用的父子组件传值的方式有哪些呢❓🤔🤔 回答📒： 父传子、子传父

『引言』 在日常开发中，慢慢地就会发现遇到的需求总是多变的，如果要实现下面这个需求会怎么做呢？???

『引言』 watch更多的是观察的作用，无缓存性， 类似于某些数据的监听回调 ，每当监听的数据变化时，都会执行回调进行后续操作。

看到标题，想必对computed并不会感到陌生。 在vue2中,需要进行数值计算，并且依赖于其它数据时，使用computed。

『引言』 本篇介绍isProxy()、toRaw()和markRaw()这三个API。关于这三个API是用来干什么的，以及使用方法等等都会有说明。

『引言』 本篇介绍readonly()、isReadonly()和shallowReadonly()这三个API。关于这三个API是用来干什么的，以及使用方法等等都会有说明。

『引言』 这次介绍两个API，分别为isReactive()、shallowReactive()。想知道这两个API是干什么的？一起接着往下看。

『引言』 本篇介绍shallowRef()、triggerRef()和customRef()这3个API。关于这3个API是用来干什么的，以及使用方法等等都会有说明。

『引言』 本篇介绍isRef()、unref()这2个API。关于这2个API是用来干什么的，以及使用方法等等都会有说明。

『引言』 上一篇文章中我们了解到ref()和reactive()的使用方法等等相关的问题。这篇我就会介绍toRefs()和toRef()。

『引言』 🌟ref和reactive都是Vue3中新增的响应式API，用于实现组件的数据响应式更新。💪💪

Vue3 组合式 API（Composition API） setup函数是 Composition API（组合API）的入口。

2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王），开发周期长达两年多。