vue细节

16 阅读1分钟

ref(对象)监听这个会监听proxy内所有,可以设置deep ref的浅响应式,是只会让ref的value的整个,不会让内部相应,但是reactive的浅响应式是只第一层会响应式,但是似乎对应第一层响应的数据,不仅仅计算属性等,连同一个对象内的其他也会响应式。

image.png 只读会转换为proxy对象。 toraw找原始对象,只要proxy对象才行,标记为原始。ref对象也可以。,markraw只能标记对象,markraw包裹的对象,如果是新增,那么这一整个对象和内部都是不会响应式的,如果是更改,只要是json对象,就不会,但是如果包裹的是数组,那么新增一定没有,更改内部有响应式。vue3每个组件不需要写根标签,自动最根部组件fragment 组件传送,teleport标签。 provide和inject和全局事件总线很像,但是它只是给传递函数,不是反过来调用。可以传递数和函数都可以的。即使传递的函数有名字,inject的返回值,就是传递的,即使是有名字的函数也是可以调用的。我们这数据处理的时候一起setup,provide需要一定会去找接收到的,以及inject一定会去找,只能是祖先是provide。inject只会找祖先的provide,不可能调过来写。inject和provide方法,都必须在setup内才有用。vue3中。 image.png

image.png