在面板中使用 Vue

在测试过程中，我们发现 非常符合 Cocos Creator 的整体设计思路，所以
我们重点介绍一下如何在 Cocos Creator 中使用 Vue 编写面板界面。

事实上你不用做任何准备工作，Cocos Creator 的面板窗口在打开时就会默认加载 Vue。

通过传入 panel-frame 的 shadow root 元素，我们可以让 Vue 在该元素节点下生成一份 vm。让我们来
看一个更详细的使用例子：

我们可以在面板的 关键字中，定义 Vue 的数据绑定规则。然后通过在 Vue 定义的 data 关键字
中写入绑定数据来完成整个操作。

除了使用数据绑定，我们还可以通过 Vue 的 方式来将事件和方法绑定在一起。值得注意的是，绑定的
方法必须定义在 Vue 定义中的 methods 关键字中。

具体例子如下：