表現:引入css樣式文件能夠作用到全局,而引入js文件就只能在main.js中產生作用
在 main.js 中引入的 css 都是全局生效的。引入的 js 文件只在 main.js 中生效,是因為 main.js 在webpack中是一個模塊,a.js 也是一個模塊,在其他地方是訪問不到這個 a 的,這就是ES6的模塊化,所以如果你想這個 a.js 全局可用,就需要綁定到全局對象上,比如綁定 Vue 上,讓這個 a 暴露在全局對象上。
舉例:
import a from './a.js'; Vue.prototype.$hello = a; //這樣直接在子組件使用this.$hello就能訪問了。 "hello world"