vue的js封装

创建assets/ThreeMap.js

export default class ThreeMap {
    //new初始化，这个方法都会走，set是传过来的数据
	constructor(set) {
	    this.mapData = set;
		console.log(this.mapData)
	    // this.init();
	}
    //里面的方法
	init(){
		
	}
}

在vue文件中使用

<template>
  <div class="box">
    <div id="container" style="width: 2608px;height: 990px;"></div>
  </div>
</template>
<script>
import ThreeMap from '../assets/ThreeMap.js';
const chinsData = require('../assets/china.json');//json数据
export default {
  data() {
    return {
       
    }
  },
  mounted () {
    //使用
	var three = new ThreeMap(chinsData);//初始化，第一个方法会走
	three.init();//调用里面的方法
  },
  methods: {

  },
}
</script>

<style>
</style>