vue在main.js中引用css与在App.vue中引用有何不同。

Question

全局公共样式表，如common.scss
可以在main.js中引用，代码如：

import './assets/css/common.scss'

也可以在App.js中引用，代码如：

<style lang='scss'>
@import './assets/css/common.scss';
</style>

他们有何（细节处的）不同之处？

Answer 1

先后关系吧 main.js先 app.vue后
很好理解 main.js中引用是这么写的

import Vue from 'vue'
import App from './App'
import './assets/css/common.scss'
...
new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
});

这时common 和 app平级都是import进main的

而在app引用是从属，在app中引用了样式common.scss
就好比系统架构是1 main中引用和APP中引用 就类似 1+2 = 1+（1+1）；等式左边的2是在main中一起引入到的所以输出的是个2
当然两者都能达到全局引用的效果，不知这样解释是否能理解