css - The scoped attribute in the vue single file component style of vue.js is invalid

Question

RT, I clearly wrote <style scoped> in a.vue and b.vue, but modifying the p.warp style in a.vue affects the p.warp style in b.vue. Could you please explain this? what's going on?

My webpack is directly using the webpack template in vue-cli, and I have never modified anything.

Answer 1

Upload the code. You may not be able to see anything with the code. You may not be able to see anything without the code

Answer 2

Have you written this for both a.vue and b.vue?

Answer 3

Browser debugging takes a look at the final style selector

Answer 4

Same question, I also encountered this problem, vue-cli is not moved. After adding socped, v-data- is added to the element, but style is not, so there will still be a conflict

Answer 5

Add !important

after your CSS