示例：如何避免样式污染

在开发web项目时，经常遇到的一个问题就是，全局样式污染，vue中是通过在style中添加scoped标签，在编译阶段对style做特殊处理，避免了样式污染问题。

代码实现

<template>
  <div></div>
</template>

<script>
export default {
  data() {
    return {
      componentInfo: {
        // 组件唯一标识，全局唯一
        component: "cloudcc-demo-a",
        // 组件名称，在页面编辑器显示的名字
        compName: "cloudcc-demo-a",
        // 组件描述信息
        compDesc: "组件描述信息",
      },
      isLock: false,
    };
  },
};
</script>
<style lang="scss" scoped>
// 因为设置了scoped此标签下的样式，仅作用于当前组件，不会影响到其他dom

</style>