vue 深度选择器前世今生
2022/7/13 23:20:05
本文主要是介绍vue 深度选择器前世今生,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
node-sass 不支持 >>>
语法,推荐改用 /deep/
。后来,node-sass 被 deprecated,推荐使用 dart-sass。但 dart-sass 又和 /deep/
有冲突。所以,如果你使用 vue2 同时又使用 dart-sass,只剩一种选择 ::v-deep
。
<style scoped> .a ::v-deep .b { /* ... */ } </style>
现在,你通过
npm i sass
命令安装的既是 dart-sass。
在 vue3 中,::v-deep
写法又被抛弃了,改用 :deep()
。
<style scoped> .a :deep(.b) { /* ... */ } </style>
参考资料
- https://sass-lang.com/blog/libsass-is-deprecated
- https://github.com/vuejs/rfcs/blob/master/active-rfcs/0023-scoped-styles-changes.md
这篇关于vue 深度选择器前世今生的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set