CocosCreator3D插件教程(11)：在插件面板中使用Vue

到目前为止，我们已经知道，creator插件面板的编写，使用的是web前端技术。

在web领域Vue是最受欢迎的构建用户界面的框架之一。

creator2d插件中我们是可以直接使用vue，但是creator3d插件并没有提供。

那么在creator3d插件里面，我们如何使用Vue呢？

1. 下载vue

这里我们不使用npm的方式使用vue，我们直接下载vue的构建文件：

我下载的是vue.js，当然你也可以下载压缩版本vue.min.js。

下载后，放到我们的插件项目里面：

2.插件里面使用Vue

vue的本质还是一个js library，所以，我们直接require即可使用。

我们在panel.js中添加如下代码：

exports.ready = function () {
   
    // ...
    let Vue = require('./vue');
}

那么我们该如何将Vue绑定到UI上呢？web老司机肯定对下面的代码非常熟悉：

panel.html

<div id="app">