three.js介绍001(是一款webGL框架（是在webGL的API接口基础上又进行的一层封装）)

 three.js
是一款webGL框架（是在webGL的API接口基础上又进行的一层封装）
webGL

WebGL（Web Graphics Library）是一种 3D 绘图标准，这种绘图标准允许把 JavaScript 和 OpenGL ES 2.0 结合在一起，通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定，WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染，这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和模型了，还能创建复杂的导航和数据视觉化。显然，WebGL 技术标准免去了开发网页专用渲染插件的麻烦，可以用 WebGL 完美地解决了现有的 Web 交互式三维动画的两个问题：

第一，它通过HTML脚本本身实现 Web 交互式三维动画的制作，无需任何浏览器插件支持；

第二，它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的OpenGL接口实现的。

通俗说WebGL中 canvas 绘图中的 3D 版本。因为原生的 WebGL 很复杂，我们经常会使用一些三方的库，如 three.js 等，这些库多用于 HTML5 游戏开发。

<template>
  <div>
    <!-- 这里首先要定义一个容器 -->
    <div id="container" ref="container"></div>
  </div>
</template>
<script>
import * as Three from "three";
export default {
  name: