在 Vue.js 中使用第三方庫(kù)的方式有：
1.全局變量
在項(xiàng)目中添加第三方庫(kù)的最簡(jiǎn)單方式是講其作為一個(gè)全局變量, 掛載到 window 對(duì)象上:
entry.js
window._ = require('lodash');
MyComponent.vue
export default {
created() {
console.log(_.isEmpty() ? 'Lodash everywhere!' : 'Uh oh..');
}
}
這種方式不適合于服務(wù)端渲染, 因?yàn)榉?wù)端沒(méi)有 window 對(duì)象, 是 undefined, 當(dāng)試圖去訪(fǎng)問(wèn)屬性時(shí)會(huì)報(bào)錯(cuò).

2.在每個(gè)文件中引入
另一個(gè)簡(jiǎn)單的方式是在每一個(gè)需要該庫(kù)的文件中導(dǎo)入:
MyComponent.vue
import _ from 'lodash';

export default {
created() {
console.log(_.isEmpty() ? 'Lodash is available here!' : 'Uh oh..');
}
}
這種方式是允許的, 但是比較繁瑣, 并且?guī)?lái)的問(wèn)題是: 你必須記住在哪些文件引用了該庫(kù), 如果項(xiàng)目不再依賴(lài)這個(gè)庫(kù)時(shí), 得去找到每一個(gè)引用該庫(kù)的文件并刪除該庫(kù)的引用. 如果構(gòu)建工具沒(méi)設(shè)置正確, 可能導(dǎo)致該庫(kù)的多份拷貝被引用.