vue封装js和引入外部js文件

vue 专栏收录该内容
4 篇文章 0 订阅

vue封装js和引入外部js文件

封装js

先在src目录下新建AA.js文件

export default {
    AA: function (maps) {
        return maps + 1
    }
}

在main.js文件里引入

import AA from '@/AA.js'
Vue.prototype.AA = AA

这样就可以在想用的组件里就行了
test.vue

console.log(this.AA.AA(1));


新建BB.js文件

export  function AA(){
  return 1
}
export  function BB(){
  return 2
}

在组件中引入

import { AA , BB } from './BB.js'

console.log(AA)
console.log(BB)
引入外部js

引入mapboxgl,将下载的Cesium文件夹放在public下,在index.html中引入文件路径

<script src='./mapboxgl/mapboxgl.js'></script>

vue.config.js里面写

module.exports = {
  configureWebpack: {
    externals: {
      'mapboxgl': 'mapboxgl',
    }
  }
}

在需要的地方引入就可以了
test.vue

import mapboxgl from 'mapboxgl' //或者
const Cesium = require('mapboxgl')
  • 1
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 1024 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值