關于VUE3的使用,文檔沒看完就開始了一個項目唱逢,一路走來,見招拆招求百度坞古。
關于全局方法的使用痪枫,找了又找,求了又求易阳,依然無解吃粒,所以寫寫心得,我啟用了10年前剛上班時候的window對象哇哈哈哈哈事示,學習之余寫感想很魂,歡迎砸鍋!
舉例:頁面我用了vant3組件遏匆,通過Toast幅聘、Notify帝蒿、Dialog等舉例
1巷怜、想過用vue2的辦法
無奈人家不支持this啊
this.$toast
this.$notify
this.$dialog.confirm
2、后來又用proxy
但是proxy 只適用于調(diào)試,線上會出問題! 因為getCurrentInstance()的返回類型存在null
import { ref, defineComponent, getCurrentInstance } from 'vue'
const { proxy } = getCurrentInstance()
proxy.$notify({ type: 'danger', message: `系統(tǒng)錯誤绣张,請聯(lián)系管理員` })
3侥涵、好芜飘,鄙人的野生方法來了
在main.js中
import { Toast,Notify,Dialog } from 'Vant'
const app = createApp(App) //- 這個無需多言了哈,大家都懂
const vants = [Toast, Notify, Dialog]
app.use(Toast)
app.use(Notify)
app.use(Dialog)
//- 掛到window下
window.DVM = {
Notify,
Dialog
}
在vue中使用
window.DVM.Notify({ type: 'danger', message: `系統(tǒng)錯誤嗦明,請聯(lián)系管理員` })