main.js中import引入css與引入js的區別


表現:引入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"

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM