Shulou(Shulou.com)06/02 Report--

This article mainly introduces the relevant knowledge of "what is the difference between deepdeep () style penetration in Vue". The editor shows you the process of operation through an actual case. The method of operation is simple and fast, and it is practical. I hope this article "what is the difference between deepdeep () style penetration in Vue" can help you solve the problem.

Differences between style Penetration / deep/, >,:: v-deep, deep ()

1./deep/#

Can be used before vue3.0, for example (add / deep/ before copying style), vue3.0 and later use will report an error

& / deep/. El-input {

Width: 60px

}

2.:: v-deep#

Use in vue3.0 and later, instead of / deep/

&: v-deep. El-input {

Width: 60px

}

3. > > #

Works only on css, but does not work on less and scss. / deep/ or:: v-deep is required for less and scss

4. Deep () #

The usage scene needs to be supplemented.

&: deep (.el-input) {

Width: 60px

}

This is the end of the content about "what is the difference between deepdeep () style penetration in Vue". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.