vue3 基础响应式和传值问题

1.ref reactive

需要响应式的情况下,使用ref reactive(proxy)
(1) 基本数据类型一般用ref ,例如数字、布尔、字符串,利用.value调用
(2) reactive 的值必须是引用类型的,不然没有响应式
(3)ref中的value :在组件 setup 中声明的 ref 响应式数据会传递给 unref 函数进行处理,所以在模板中访问 ref 的值,无需通过 value 属性来访问。

2.toref torefs 通过proxy将数据变成响应式的(return出去){响应式丢失的情况和解决方法}

toref :只能代理一个对象属性
torefs: 可以代理多个对象属性

3.eventBus 的使用(可以让任何两个组件之间进行通信)

(1)非父子组件之间的通信
(2)多个兄弟组件之间的通信
(3)全局事件监听
其它传值方法:
(1)provide/inject:父传子的简易方法
(2)Emit:子传父
(3)Listeners:监听

你可能感兴趣的:(vue.js,前端,javascript)