一、要注意每个组件的命名域,每个.vue文件中的样式命名要做好区分
1.指定样式只在当前页面中生效 scoped
2.lang=“scss” 使用sass语法
<style lang="scss" scoped>
@import "../assets/css/_setting.scss";
</style>
注意:如果不指定scoped 那么样式命名作用域为全局(所有.vue文件样式)。
本文详细介绍了在Vue项目中如何通过使用scoped属性实现组件样式隔离,避免全局样式污染。同时,探讨了如何在.vue文件中引入和使用Sass语法进行样式编写。
一、要注意每个组件的命名域,每个.vue文件中的样式命名要做好区分
1.指定样式只在当前页面中生效 scoped
2.lang=“scss” 使用sass语法
<style lang="scss" scoped>
@import "../assets/css/_setting.scss";
</style>
注意:如果不指定scoped 那么样式命名作用域为全局(所有.vue文件样式)。
1万+

被折叠的 条评论
为什么被折叠?