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

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')