Vue3组合api-setup

目录

(01)setup组合api的特点：

（2）setup

    ref值类型 响应对象

(03)reactive 引用类型 响应式

(04)watchEffect监听效果

(05)生命周期   

 (06)全局配置

(07)getCurrentlnstance  

(08)computed 属性

---

(01)setup组合api的特点：

1.  更加直观，接近原生js
2.  按需加载
3. 没有this，降低了耦合性，提高复用性

（2）setup

setup 函数也是 Compsition API 的入口函数，我们的变量、方法都是在该函数里定义的，来看一下使用方法

    ref值类型 响应对象

const count = ref(5)，在setup访问count值，count.value 来访问

可以作为dom引用，const inp = ref(null)，

，inp.value.innerText

<template>
  <div id="app">
      <p>{
  { number }}</p>