记录vue3学习使用中遇到的小问题

vue3稳定版发布了很久了,很多人也已经开始将vue3应用于生产环境,后续准备开几篇博客写一下自己学习vue3的一些记录,内容比较多比较杂就不好说什么时候开始写了,这篇就简单记录一些vue3使用中发现的一些与vue2的不同吧。

深度样式问题

在vue中我们经常遇到一种情况,我们使用了某一款组件库,但是组件库中有一些样式不符合我们的需求。这个时候我们需要对样式进行一些修改,但是我们为了避免自定义组件间的样式会产生干扰,一般会给script标签加上scoped属性。在这个时候我们如果要对组件库对样式进行更改,就需要使用深度样式

1
2
3
::v-deep selector{
/* 样式内容 */
}

但是在vue3中表示以后会废弃该用法,使用以下方法代替:

1
2
3
:deep(selector){
/* 样式内容 */
}
作者

胡兆磊

发布于

2021-11-23

更新于

2022-10-23

许可协议