前言

在我们编写页面的时候，在跳转的时候可能会发生样式的混乱，举个例子：

正常的样式：

某次跳转时的混乱样式：

混乱的原因如下：

假设我们从A页面跳转到B页面，造成B页面样式混乱的原因如下：

1. 在A页面写样式时却少唯一标志scoped
2. 在B页面写样式时缺少唯一标志scoped

总结

为了保证我们在每个页面所写的样式都是指定到当前页面所使用，我们在编写样式时要养成添加scoped属性的良好习惯。样式要做到如下规范：

<style lang="scss" scoped>
xxxx
xxx
</style>