半小时通透Vue3中的scoped

作者: 水哥澎湃分类: 野生技能协会 发布时间: 2023-08-21 22:51:41 浏览:2942 次

半小时通透Vue3中的scoped

XK1983:
水哥讲得非常极其详尽仔细,逻辑也非常清楚。感谢分享![福][福]

按时吃饭eat:
水哥666,团队的技术分享就靠你了[doge]

卡忙不忙:
讲解得极其详细了,这个知识点看这一个视频就完全够了[鼓掌] 想更深了解的,就得去翻源码了

0贰2零:
老师,请教几个问题。deep标签有时候失效的原因是什么(什么时候该加什么时候不该加[笑哭])?1.根路径不能加deep,加deep属性反而无法生效了 2遇到过一个若依管理系统的对话框,想要改变padding值,从头到尾都没有data-v,要深入到子组件内deep才行

【回复】1.把不相关代码先去掉。学着视频里查看编译后的css代码,也许会有线索. 2.有时候不好理清,所以我也在视频中提了 单独写 style 的形式
【回复】回复 @赤子之狮 :我好像遇到过一个案例,父组件的class是container,子组件的根class也是containner,当时选择器是.container,父子的样式都被作用到了。应该是同一个场景吧,当时不明所以,同事给子组件换了个class就不冲突[笑哭]
【回复】回复 @0贰2零 :1.有时候deep加上反而无效,2,选择可被识别的选择器。痛点,如何通过观察html,就能判断,页面是怎么套的子组件,特别是第一层scope和第二层scope的交汇节点是什么,这个我还没处理明白

scoped 水哥澎湃 景水 前端 Vue vue3

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

更多相关阅读