1、基础：相同样式封装进全局样式文件（index.css），各页面一起各自引用。（如果子页面需要改动变更全局样式的某个样式，在子页面附加样式，或者更新样式权重。）
2、VUE提供了 scoped方法，如果子页面不使用到全局样式，或者不修改组件库样式时，在 <style> 里面加上 scoped 强调当前样式只用于此页面。（可以减少使用全局样式每个子页面都单独样式，很纯洁但时间成本变高。）
3、尽量保持每个页面 class 的唯一性这是一个好习惯，当使用scss 或者less，尽量使用命名嵌套格式书写样式。
总结：全部页面使用全局样式，如 width：50px; 可以在全局样式写成动态样式 w-50。子页面不再写单独样式，除了少量补充和组件样式修改（尽量减少组件全局样式修改或者新建一个样式文件）；全部页面不使用全局样式，全部 scoped ，单独页面写唯一样式（推荐）；全部页面全局样式和子页面样式一起使用，但必须保证子页面补充的 class 命名有唯一性，否则子页面之间互相影响。
新方式：在使用scoped时，同时可以使用全局样式。