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