vuejs 怎么引入第三方j(luò)s
1 回答

當(dāng)年話下
TA貢獻(xiàn)1890條經(jīng)驗(yàn) 獲得超9個(gè)贊
在 Vue.js 中使用第三方庫的方式有:
1.全局變量
在項(xiàng)目中添加第三方庫的最簡單方式是講其作為一個(gè)全局變量, 掛載到 window 對象上:
entry.js
window._ = require('lodash');
MyComponent.vue
export default {
created() {
console.log(_.isEmpty() ? 'Lodash everywhere!' : 'Uh oh..');
}
}
這種方式不適合于服務(wù)端渲染, 因?yàn)榉?wù)端沒有 window 對象, 是 undefined, 當(dāng)試圖去訪問屬性時(shí)會報(bào)錯.
2.在每個(gè)文件中引入
另一個(gè)簡單的方式是在每一個(gè)需要該庫的文件中導(dǎo)入:
MyComponent.vue
import _ from 'lodash';
export default {
created() {
console.log(_.isEmpty() ? 'Lodash is available here!' : 'Uh oh..');
}
}
添加回答
舉報(bào)
0/150
提交
取消