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