scoped 表示样式只针对该组件，一般不会去掉，否则全局都会同名调用。

组件局部样式 关键字就是scoped

添加一个class="item"

<style scoped>
    .item {
        color: green;
    }
</style>

scoped 作用域在自己的组件中，不会影响父组件

<style scoped>

</style>

局部样式(scoped)

<style scoped>

//只在当前组件中有效

</style>

全局样式：对多个组件有效；

<style>
    ...
</style>

局部样式：对当前组件有效。

<style scoped>
    ...
</style>

一般使用局部样式，可以对组件样式进行解耦。

style scoped 样式的作用域

scoped 給樣式一個作用域，而這個作用域的範圍就只有這個組件。

可以保證組件的樣式只對這個組件有效，可以做到和其他組件樣式的解耦

scoped限定了样式的作用域，只在这个组件里面生效

scoped作用域 限制在了组件之中，局部样式

scoped 局部样式，只能当前组件样式有效

<style scoped></style>  scoped作用域修饰符 只能当前组件样式有效

局部样式：在style里加：scoped

style中的 scoped 关键字写上就表明这个样式只对这个组建有效

局部组件

“<style scoped>”样式表添加了一个作用域，使只有这个组件会应用这个样式。

当没有这个作用域时，会使这里的样式表为全局样式。

scoped 加在style中，不会造成全局样式

在子组件中 的样式上加了scoped 不会影响父组件的样式

全局样式与局部样式：

1.   在子组件里定义的样式和父组件里定义的样式不会产生冲突，因为我们在子组件里定义样式的时候给子组件写了一个scoped，意思就是定义了一个作用域。

2. 如果没有加scoped的话，第一次可能不会产生影响，但是在后续就会产生一定的影响了，所以我们在以后编写过程中，给子组件添加样式时最好加上一个scoped，这样就可以保证支队自己组件的样式有效。不加的话就会对全局有效，所以为了与其他板块相区分，增加解耦性，还是要加上。
   

在子组件中 的样式上加了scoped 不会影响父组件的样式

scoped ：域修饰，进队当前域生效

<style scoped>

</style>

scoped 让样式只在当前组件起作用

<style scoped>  作用域修饰符

加了是此组件内生效，不加全局生效

<style scoped>  作用域修饰符

style scoped加了一个作用域 只在本组件有用

<style> 全局有用

推荐定义scoped 实现组件间的解耦

<style scoped>//只在本组件有用

</style>

<style>//全局有用

</style>

scope指定作用域，都倾向于加这个修饰符，不去影响父组件

局部样式<style scoped></style>

scoped声明局部作用域

scoped --限制样式作用域可以保证一个组件的样式只对自己的组件有用