Get the App
SLTechnology News&Howtos  ›  Development  › 

What is the difference between deepdeep () ​ style traversal in Vue

Shulou Source: shulou.com Published: 2022-06-02 01:25:05 10月03日 Update

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.

Tags: Style penetration knowledge function industry different practical content scene practicality reality article method more case knowledge point article information channel process Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Xiaomi OPPO Reno MariaDB Shulou Tech Info Redmi