时间:2021-05-26
方法一:配置 webpack ProvidePlugin 全局引入
假设要使用到 jquery,那么可以通过配置 webpack 的 ProvidePlugin 的插件来全局引入:
https://webpack.js.org/plugins/provide-plugin/
方法二:包装成插件在 Vue 中调用 use 方法安装
另外一种比较靠谱的方法是将第三方模块打包成插件,如我需要全局使用 echarts,那么在 src 目录下新建一个 lib,并创建名为 echarts.js 的文件:
import echarts from 'echarts'export default { install (Vue) { Object.defineProperty(Vue.prototype, '$echarts', { value: echarts }) }}上述代码 export 一个对象,对象包含一个 install 方法,该方法的参数是 Vue 构造函数,我们使用 Object.defineProperty 或 Reflect 的方法将 $echarts 定义到 Vue.prototype 中去。
然后在项目中使用:
import echarts from './lib/echarts'Vue.use(echarts) // usenew Vue({ // ...}).$mount('#app')这样就可以在 vue 实例中通过 $echarts 来使用
// ...let myChart = this.$echarts.init(this.$refs.main)// ...其他方法
其他还有在 window 对象中全局定义;或使用 Vue.prototype.xxx = xxx 等,都存在各样问题,如 window 会导致全局作用域污染;后者定义方式不可靠,比方说 echarts 模块太大,会经常出现扩展定义失败导致的报错
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
VUE引入第三方js包及调用方法1、首先是第三方js包存放的位置一定要放在static目录下否则引用不到2、网上查找到的引用第三方包的四种方式实测部分第三方js
1.正确引用jQuery1.尽量在body结束前才引入jQuery,而不是在head中。2.借助第三方提供的CDN来引入jQuery,同时注意当使用第三方CDN
Python的模块有自带的也有第三方,还可以自定义然后引用1、调用自带的模块,例如,sys调用自带的模块只需要importsys引入既可以使用2、第三方的需要先
相信很多朋友在使用Androidstudio开发中,遇到过如何引入第三方so文件的问题,然而第三方官方仅仅给出了ADT环境下的集成方式。Androidstudi
我们知道在iOS8系统中,可以支持使用第三方输入法,而使用第三方输入法之前,需要开启第三方键盘。下面就来演示下iOS8开启第三方键盘的操作步骤。 第一步,