文章目录
前言
JS在开始向函数化编程，怎么说呢，就是越来越用后端的东西放进来？
灵活是越来越方便，但是各个函数的封装就会越来越复杂，这也是后端比较复杂的原因。 Composition(组成) API
官网：
setup函数
setup里面是没有this的
要注意的是setup的返回值的作用，它是和data一样的，返回的值在template中被使用，以及返回函数来代替methods中的方法。
如何实现响应式的数据，使用ref
可以对这一套逻辑进行封装
只需要在使用的时候导入这个模块就好了，这样复用性就很强
import useCounter from './hooks/useCounter'
以及一个特点，里面的变量都是用const生成的，这个是有什么原因吗？目前测试是用其他的也可以
reactive
不要随便对reactive数据进行结构
ref
抓住重点，ref返回的是一个可变的响应式对象，返回的是对象，所以后面的语法是那样的，以及在模板中是会自动解包的
ref和reactive的对比
一般用ref的比较多，ref也可以定义比较复杂的属性
reactive应用场景总结（只是总结，不是绝对的）
这个本地的数据指的是不是从服务器拿到的数据
ref的应用场景：
注意从网络上拿到数据，可以在onmounted里面赋予。
fehelper扩展插件
安装之后调试就更加方便。
readonly（了解）
前言：单向数据流，根据单向数据流的原则，父组件只负责传数据，子组件是不可以修改父组件的，如果要修改必须要传出事件，让父组件来修改，同时也可以让父组件知道是谁要修改数据
所以这样的修改应该如何修改，传出事件，然后让父组建修改：
setup其他函数补充（了解）
这些函数作为一个补充了解，知道就行，不知道也没有关系，因为很少会用到，主要是掌握reactive和ref的使用
这个toRefs就有用很多
setup不可以使用this
