在 Vue.js 中使用第三方庫的方式有：
1.全局變量
在項目中添加第三方庫的最簡單方式是講其作為一個全局變量, 掛載到 window 對象上:
entry.js
window._ = require('lodash');
MyComponent.vue
export default {
created() {
console.log(_.isEmpty() ? 'Lodash everywhere!' : 'Uh oh..');
}
}
這種方式不適合于服務端渲染, 因為服務端沒有 window 對象, 是 undefined, 當試圖去訪問屬性時會報錯.

2.在每個文件中引入
另一個簡單的方式是在每一個需要該庫的文件中導入:
MyComponent.vue
import _ from 'lodash';

export default {
created() {
console.log(_.isEmpty() ? 'Lodash is available here!' : 'Uh oh..');
}
}

這里的組件化開發是使用什么??
vue-loader么...
如果是vue-loader可以通過 require來引入就可以
比如Js文件寫到assets/js中
在main.js中可以 require('./src/assets/xxx.js')

如果只是單頁面html,可以直接引入就行了<script src="xxxx.js">

• 步驟：

1. 首先。我們要改造我們要映入的外部js文件，改成下面這個格式。主要是紅色方塊內部代碼，我們需要將我們的模塊“拋出”，讓人能獲取到以下及相應代碼：

   

   

2. 其次，到我們的寄主那里，我們需要導入，仿造其他的文件，寫法如下及相應代碼：

   

   

3. 注意紅色叉的部分，那是我們es5的寫法，綠色才是正確的；接著是效果圖：

   

   

• 其他方法：直接@import就行了

<style>@import "../../scss/retinaLine";@import "../../scss/css3Module";...</style>

現在直接@import就行了

<style>
@import "../../scss/retinaLine";
@import "../../scss/css3Module";
...
</style>