若是一个弹窗比较简单,能够直接放在页面中,经过visible属性的true,false控制显示隐藏就能够了,咱们今天要说的是将个比较复杂的弹窗组件封装成全局组件,而后能够在项目中的任何一个页面引用~~下面走起vue
1.首先要注册个全局组件,用下面的全局API Vue.component('my-component', { /* ... */ })模块化
在js文件中首先引入这个弹窗组件,组件名称是iesPersonRadioDialog,项目中会引入一个js文件,这个js文件中在分别引入其余的js,模块化开发嘛,哈哈哈~~spa
咱们都知道,vue中若是想引入插件,能够用Vue.use(XXX),固然这个XXX要有个install方法才能够。。能够去查文档~~插件
2.写这个公共组件的页面(不少内容被我折叠收起了。。。)模块化开发
3.在其余页面调用这个弹窗component
至此,大功告成~~blog