当直接通过函数调用的时候,需要往全局定义一个function,然后去控制这个function,控制他的显示和隐藏。

在组件里面去管理,创建这个组件,然后去显示,传入原有的参数。

这里面的vueInstance就是我们实际实现的vue组件代码。

const Ctr = Vue.extend(vueInstance);

然后创建的vue组件之后把我们的数据给塞进去

const instance = new Ctr({
   el: document.createElement('div'),
   propsData: options
});

然后创建div,把这个元素给append到页面中去

document.body.appendChild(instance.$el);

现在原理搞清楚了,就是要给用户提供一个show和hide。
这个函数内部去写就行了,去设置这个组件的控制显示的属性即可。