什么是 scoped?-什么是-怎么使用 scoped

什么是 scoped?

scoped 是 Vue 组件的一个小特性,它的作用就是限制样式的应用范围,让样式只在本组件内部生效,不会影响到其他组件。

为什么要用 scoped?

使用 scoped 的主要好处是避免全局样式污染,让不同组件的样式各自独立,不会相互打架。这样子,你的项目就不会出现“你猜猜哪个组件的样式又影响了哪个组件”这种头疼的问题了。

怎么使用 scoped?

用起来超级简单,你只需要在组件的 ` ```