9、样式

为了避免样式冲突，需要应用于整个项目的CSS，只能写在 common.css 或项目公共样式文件中，而不是在某页面使用非 scoped 特性的样式来达到类似全局样式的作用，整个项目全都使用 scoped 特性。
示例：

反例

<template>
  <button class="btn btn-sure">确认</button>
</template>
<style>
  .btn{
    border: 1px solid #F1F1F1;
  }
  .btn-sure{
    background-color: blue;
  }
</style>

正例

<!-- 使用 scoped 特性 -->
<template>
  <button class="btn btn-sure">确认</button>
</template>
<style scoped>
  .btn{
    border: 1px solid #F1F1F1;
  }
  .btn-sure{
    background-color: blue;
  }
</style>