scoped
vue项目一般是单页面、多组件,整个项目共用一个css样式表,有时候我们在写组件的过程中并不希望组件的样式污染全局作用域(毕竟不同组件之间重名的class很正常),因此我们会在组件的样式标签上加上scoped,例如下面这个最基本vue组件框架:
<template>
...
</template>
<script>
import ...
export defualt {
data(){
...
}
...
}
</script>
<style lang="less" scoped>
...
</style>