先介紹一下本節(jié)的要點(diǎn):vue組件和js文件結(jié)合嚼沿,通過(guò)對(duì)象傳參實(shí)現(xiàn)自定義標(biāo)題和定制按鈕等晃酒,動(dòng)態(tài)創(chuàng)建和刪除彈窗爽雄。
先上效果圖:
1.創(chuàng)建vue模板文件:
2.創(chuàng)建js文件:
3.在List.vue中點(diǎn)擊相應(yīng)的人名時(shí)魏烫,出現(xiàn)彈窗嗅回,并將號(hào)碼傳輸?shù)綇棿暗南鄳?yīng)位置:
import mask from "./Alert.js";? //先在List.vue中引入彈窗的js
由于List.vue和彈窗并非父子關(guān)系及穗,使用對(duì)象的方法傳輸很方便,耦合性也很低
demo到此結(jié)束妈拌,自己也從中收獲頗豐拥坛,希望能早日熟練使用vue。