保证你不知道的Vue3技能
//无法设置MyChildComponent的p标签的样式。.my-p{颜色：红色；}:deep(.my-p){颜色：红色；}微信搜索【大招天下】，第一时间为大家分享前端行业动态、学习路径等。本文已收录到GitHubhttps://github.com/qq449245884/xiaozhi，里面有完整的测试站点、资料和我的一线厂商访谈系列文章。VNodehooks在每个组件或HTML标签上，我们可以使用一些特殊的（未记录的）钩子作为事件监听器。这些钩子是：.例如：{{count}}
需要注意的是，这些钩子会向回调函数传递一些参数。除了onVnodeBeforeUpdate和onVnodeUpdated传递两个参数，即当前VNode和上一个VNode外，其他只传递一个参数，即当前VNode。调试钩子我们都知道Vue为我们提供的生命周期钩子。但是你可能不知道，Vue3还给了我们两个钩子，可以用来调试？它们是：onRenderTrackedonRenderTriggered将在响应依赖项的变化触发组件渲染时被调用onRenderTracked注册一个调试钩子，当响应依赖项的变化触发组件渲染调用onRenderTriggered:从子组件中暴露插槽有时，当我们使用第三方组件时，我们会将其实现包装在我们的自定义组件中。这是一个很好的实践和可扩展的解决方案，但这样一来，第三方组件的插槽就会丢失。以下方法可以将它们的插槽暴露给父组件：WrapperComponent.vue
现在每个使用WrapperComponent的组件都可以使用第三方组件的插槽。具有多个根的子组件不能从父作用域的样式中设置样式在Vue3中，我们可以使用多个根组件，这很好，但我遇到了设计限制。假设我有一个子组件：
