若是一個彈窗比較簡單,能夠直接放在頁面中,經過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