vue路由跳转后页面样式错乱，刷新一下又好了的问题

跳转页面 后输入框过大

解决

<style scoped >    加上scoped 

分析

大概率是因为 vue加载组件的时候，会把所有组件的css全部加载到一起，而这个时候 样式是全局的， vue会偷懒不再渲染当前页面的样式

首先想到的是利用 scoped来解决，在 vue中引入了 scoped这个概念， scoped的设计思想就是让当前组件的样式不会修改到其它地方的样式，使用了 data-v-hash的方式来使 css有了它对应模块的标识，这样写 css的时候不需要加太多额外的选择器，方便很多。
其中，最核心的一点就是限定它的作用域只局限于当前页面，不会影响到其他页面。