作用:实现祖孙组件间通信
套路:父组件有一个provide选项来提供数据,子组件有一个inject选项来开始使用这些数据
父组件
只要provide了,那么后代都能拿到,父子之间一般使用props,祖孙组件一般采用provide
响应式数据判断
isRef:检查一个值是否为一个ref 对象
isReactive:检查一个对象是否是由reactive创建的响应式代理
isReadonly:检查一个对象是否是由readonly创建的只读代理
isProxy:检查一个对象是否是由reactive或者readonly方法创建的代理
composition(组合式) Api的优势
Options API存在的问题,在vue2中都是配置式的api,在vue3中就变成了组合式api
那么配置式api有什么问题:
使用传统OptionsAPI中,新增或者修改一个需求,就需要分别在data,methods,computed里修改
组合式api的优点:
我们可以更加优雅的组织我们的代码,函数。让相关功能的代码更加有序的组织在一起。
Fragment
在Vue2中:组件必须有一个根标签
在Vue3中:组件可以没有根标签,内部会将多个标签包含在一个
Fragment虚拟元素中好处:减少标签层级, 减小内存占用,不会参加渲染
Teleport
种能够将我们的组件html结构移动到指定位置的技术。
示例: