vue3.0学习第三天

1.composition API 和Option API可以混合使用

composition API本质(组合API/注入API)

2.setup执行时机

beforeCreate:表示组件刚刚被创建出来，组件的data和 methods还没有被初始化好
setup//原文写的是around and两者之间，就是围绕俩者产生的，也不一定就是在他们中间，只是这样好理解些，表示俩者里面的data,methods这些在setup里面不被支持
Created:表示组件刚刚被创建出来，并且组件的data和methods已经初始化好set
注意点:
1)由于在执行setup函数的时候,还没有执行created生命周期的方法，
所以在setup中还不能使用data和methods
2)由于我们不能再setup函数中使用data和methods,
所以vue为了避免我们错误的使用，它直接将setup函数中this修改成了undefined
3)setup函数只能是同步的，不能是异步的

3.详解reactive和ref

reactive是vue3中提供的实现响应式数据的方法
在vue2中响应式数据是通过defineProperty来实现的
而在vue3中响应式是通过ES6的proxy来实现的
注意点:
1)reactive参数biubiu是对象(json/arr)
2)如果给reactive传递了其它对象
默认情况下修改对象，界面不会自动更新
如果想更新，可以通过重新赋值的方式
不是对象的时候就无法实现响应式，案例如下

<template>
 <div>
   <p>{
   {
   state}}</p>
    <button @click="myFn">按钮</button>
 </div>
</template>
<script>
import {
   reactive} from 'vue'
export default {
   
  name: 'App',
  setup(){
   
    // 创建一个响应式数据
    // 本质：就是将传入的数据包装成一个proxy对象
    let state= reactive(123