setup（组合api）

1、组合api特点

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

2、setup()

•    相当于created生命周期
•   需要return返回，在模板中使用

3、ref（值类型 响应对象）

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

•     可以作为dom引用

                   const inp = ref(null)
                    <p ref="inp">
                   inp.value.innterText

4、reactive（引用类型 响应式）

    const list = reactive(默认值)
错误：  list = xxx   直接赋值破坏了引用
正确用法：  list.push(xxx)

5、watch （监听）

•     watch("count",(nval,oval)=>{ //执行回调函数})

6、watchEffect（监听效果）

•     只有引用的数据变化都会执行回调函数
•     const stop