如何使CSS样式只在当前Vue组件中生效？
【概念释义】
scoped CSS：<style scoped> 编译为带 data-v-hash 属性选择器，仅当前组件生效。CSS Modules、BEM、shadow DOM 也可隔离；穿透子组件用 ::v-deep / >>> / /deep/。
【基础使用】
vue
<style scoped>
.title { color: red; }
/* 穿透 */
::v-deep .el-input__inner { height: 40px; }
</style>
<style module>
.red { color: red; }登录查看完整 661 字
回答讨论
暂无讨论，登录后可抢先发言
本题库更多题目（50）
- 在.vue文件中，style和script必须要写么?为什么？
- 如何访问Vue子组件的实例或子元素？
- 当Vue的属性名称与methods中的方法名称一样时，会发生什么问题？
- Vue 中computed和 methods 有哪些关键差异？
- Vue计算属性的函数名和data中的属性可以同名吗?为什么？
- Vue的v-show 与 v-if 有何不同？?使用场景分别是什么？
- Vue 2.0支持哪个版本以上的IE浏览器？
- 为何Vue要求组件模板只能有一个根元素？请说明原因与场景？
- 常见 Vue中 有哪些？分别说明表单修饰符和事件修饰符？
- 有哪些定义Vue组件模板的方法？
- Vue中组件、插件、插槽三个概念 有哪些关键差异？
- Vue Router 中 params 和 query 有哪些关键差异？
- active-class是哪个Vue组件的属性？
- Vue Router 的跳转和location.href 有哪些关键差异？
- 如何使CSS样式只在当前Vue组件中生效？
- 第一次加载Vue页面时会触发哪些生命周期钩子？
- Vue Router 如何配置404页面？
- Vue中created和mounted生命周期钩子 有哪些关键差异？
- 请解释：Vue的自定义指令?自定义指令的应用场景有哪些 是什么？
- 为何Vue的data属性必须声明为返回一个初始数据的函数？请说明原因与场景？
- Vue官方的风格指南?请列举其中的一些规则 包含哪些要点？
- DOM渲染在哪个Vue生命周期钩子中就已经完成？
- 在Vue中使用this 时应该注意哪些问题？
- Vue表单修饰符.lazy有什么作用？
- 在Vue组件中写name选项有什么作用？
- 为何Vue中的data属性是一个函数而不是一个对象？请说明原因与场景？
- 常见 Vue父子组件之间传值 有哪些？分别说明方式？
- Vue的生命周期总共有哪几个阶段？
- Vue Router 中如何获取路由传递过来的参数？
- 如何定义Vue的动态路由?如何获取传过来的动态参数？
- Vue 中computed和 watch 有哪些关键差异？
- 介绍下Vue组件的命名规范？
- 在Vue组件中如何访问根实例？
- 如何在组件初始化时立即调用Vue 的watch函数？
- Vue 应如何理解？?相比于原生开发，使用Vue有哪些优点？
- 常见 Vue Router 有什么作用?它 有哪些？分别说明组件？
- Vue使用v-for遍历对象时，是按什么顺序遍历的?如何保证遍历顺序？
- Vue的v-cloak和v-pre指令有什么作用？
- 请解释：Vue的单向数据流和双向数据流 是什么？
- 常见 Vue2.0的v-html指令不再支持使用过滤器，还 有哪些？分别说明处理HTML内容的方法？
- 请解释：Vue的v-model?有什么作用 是什么？
- Vue的template标签有什么用？
- 为何Vue中给对象添加新属性后界面不刷新？请说明原因与场景？
- 在Vue的v-for循环中，key有什么作用？
- 如何重置Vue的data？
- Vue的模板语法使用的是哪个Web模板引擎?介绍下该模板引擎？
- Vue Router 的 hash模式和 history 模式 有哪些关键差异？
- 请解释：Vue的生命周期?生命周期的作用是什么 是什么？
- Vue项目中如何监听键盘事件？
- 常见 Vue Router 中 route和router 有哪些？分别说明区别？