vue创建自定义组件并监听原生事件

1.自定义文件newinput创建一个自定义组件（components目录下）

2.自定义Index.vue引入组件并导出（components目录下）

3.在main.js中全局化组件

4.在newinput文件中定义.$listeners监听方法使Newinput组件上的监听方法全部指向input

前面介绍了使用原生的 Widget ，其实现思想也是基于 MVVM ，只是用的 knockout.js 库，大伙都不怎么用这个 js 库，用起来也比较麻烦，这里使用大家主流的 vue 来实现一个放大缩小的组件。

这里跟其它创建组件的方式是一样的，但有一点需要注意的是，引入第三方组件时，如果是在 main.js 中引入的，这里还需要重新引入一次，是因为这里使用的是 createApp 来挂载组件的。

首先引入组件

cesium 中都是采用 appendChild 的方法来添加元素，所以在使用 vue 组件时，可以使用 createApp 来创建组件，并挂载到对应的元素上。如下所示：

---