vue.js+three.js实现简单的3D动画

1.使用vue-cli搭建前端框架，具体我就不写了，可以看看我之前的文章
2.使用npm引入three.js  npm install three(建议先安装淘宝镜像)
3.直接上代码吧 

<template>
  <div class="conts">
    <div id="container"></div>
  </div>
</template>

<script>
  import * as THREE from "three";
  // import OrbitControls from "three/examples/js/controls/OrbitControls"
  // import OrbitControls from 'three-orbit-controls';
  // import OrbitControls from 'three/examples/js/controls/OrbitControls'
  // OrbitControls = require('three-orbit-controls')(THREE);
  // import {CSS2DRenderer, CSS2DObject} from 'three-css2drender';
  // import {OBJLoader, MTLLoader} from 'three-obj-mtl-loader';
  // var THREE = require('three')
  // var OrbitControls = require('three-orbit-controls')(THREE)
  export default {
    // name: '3Dzt',

    data() {
      return {