vue单文件组件切换后里面的JS代码也切换还是累加

Question

1.这个是path为'/'的组件，之后切换到其他组件后为什么其他组件在没有引入css文件的情况下还是有样式，这个组件require的css样式为什么在后续其他组件中都能应用，但是这个样式不是在index.html或者main.js中引用的啊？

2.vue单文件的JS代码是怎么组织的？是main.js中的代码加上当前切入进来的组件中的JS代码还是切换组件时只是更换template而JS代码一直累加到main.js中？
3.希望大家能帮我解惑，万分感谢！

Answer 1

自己写个简单例子出来就知道了。

Answer 2

css的话，编译阶段会根据你的scoped属性决定是否是全局css，在style标签里面添加scoped属性则只作用于当前模块。
js的话是经过webpack构建的，构建完会生成一个默认名为app+一串hash字符串.js

Answer 3

webpack作用就是将资源一起打包进来.而不是原来的那种只在某些页面引入.其他页面不引入
尽管你用了ensure按需加载.当你第一次加载该资源后,后续的页面也受影响.
你可以在写vue组件时候在style中挂上scoped.
但也是不可避免的也会一同打包该样式