vue2.0怎么引入threejs 159以后得版本

在Vue 2.x中引入Three.js 159版本及以上，你需要按照以下步骤操作：

1. **安装依赖**:
使用npm或yarn来安装最新版的Three.js库。打开终端或命令提示符，在项目目录下运行：

   npm install three @types/three --save
   # 或者如果使用yarn
   yarn add three @types/three

2. **导入Three.js组件**:
在你的Vue组件中，通常你会在`<script>`标签内导入Three.js。假设你在一个名为`App.vue`的文件中，添加以下内容：

   <template>
     <!-- 其他HTML部分 -->
   </template>

   <script>
   import * as THREE from 'three';

   export default {
     // ...
   }
   </script>

这样，THREE.js的核心模块就会被导入并可用。

3. **创建Three.js实例**:
在你的组件内，你可以创建一个Three.js的渲染器、场景、相机等。例如：

   data() {
      return {
        scene: new THREE.Scene(),
        camera: new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000),
        renderer: new THREE.WebGLRenderer({ antialias: true })
      };
   },
   
   mounted() {
      this.initScene();
   },

   methods: {
     initScene() {
       // 在这里设置场景、相机和渲染器，并将它们挂载到DOM上
     }
   }

4. **注意兼容性**:
如果有旧版本的代码需要兼容，可能需要检查一些API变化，比如ES6语法、弃用的功能等，可能需要适配处理。