three.js从html5移植到vue2.0

将three.js从HTML5移植到Vue 2.0需要做一些调整，以确保它与Vue组件结构兼容。下面是一些步骤：

1. 首先，将three.js的JavaScript文件添加到Vue项目中。可以将它们放在src/assets目录下。

2. 创建一个Vue组件，用于渲染three.js场景。在组件的mounted生命周期钩子中，创建一个three.js场景并将其渲染到HTML元素中。

3. 为组件创建一个ref属性，以便可以在组件内部访问HTML元素。例如，如果组件的ref属性为"canvas"，可以使用this.$refs.canvas来访问HTML元素。

4. 将three.js场景渲染到HTML元素时，使用HTML元素的宽度和高度来设置渲染器的大小。可以使用window.innerWidth和window.innerHeight获取窗口的宽度和高度。在Vue组件中，可以使用this.$refs.canvas.clientWidth和this.$refs.canvas.clientHeight获取HTML元素的宽度和高度。

5. 将three.js场景与Vue组件进行绑定，以确保场景可以响应组件的状态变化。可以使用Vue的watch属性来监视组件中的状态变化，并在变化时更新three.js场景。

6. 在Vue组件的beforeDestroy生命周期钩子中，释放three.js场景使用的资源，以确保页面不会出现内存泄漏问题。

这些步骤应该可以帮助你将three.js从HTML5移植到Vue 2.0中。但是请注意，这只是一些基本步骤，具体的实现可能需要根据你的项目需求进行调整。