组件库组件提供函数直接调用

当直接通过函数调用的时候，需要往全局定义一个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。
这个函数内部去写就行了，去设置这个组件的控制显示的属性即可。