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