vue style样式scoped的bug

今天遇到一个style加了scoped后，仍然会影响到其他组件样式的问题
上代码注释

原因是vue中的scoped实现方式是在组件上加了一个属性用来区分作用范围，但是这个属性会加到下个组件的根元素上，导致下个组件的根元素样式发生改变 上截图说明

知道问题原因了，解决办法也很简单，在test组件外边在包一个div就可以了,这时候，h1上就没有那个data-v属性了

下面记录下vscode使用时遇到的一个问题 1、引入文件不加后缀名的问题，点击ctrl不能跳转到相应的文件中，此问题是在vscode编辑器中。所以以后写文件不要省略后缀。
2、全局注册不好的地方 全局注册的组件在打包时会全部打包进去，这样就会造成第一次加载特别慢的问题，不如局部注册，实现按需加载。提高首次加载的速度。