初次使用vue開發外掛程式遇到的坑

2021-09-01 02:26:44 字數 748 閱讀 3102

你好

以上這是我隨便寫的乙個頁面

下面 是我寫的乙個外掛程式

import alert from './alert.vue'

import vue from 'vue'

let alert = vue.extend(alert)

export default ,

hide()

}});

vue.prototype.$alertplugin = alertplugin;//記得把外掛程式掛載到vue例項上,因為我用的是官方提供的第四種方法來寫外掛程式的。其他的三種我沒用到。用到了在細細的研究。

}}

還有乙個最重要的 環節,那就是我用用外掛程式的基本流程啊!

在main.js中引入外掛程式使用外掛程式就ok了。

import alertplugin from '@/components/bussiness/plugin/alertplugin.js'

vue.use(alertplugin)

使用外掛程式

//你就可以在任意的元件中使用外掛程式的方法了。

this.$alertplugin.show()

this.$alertplugin.hide()

初次使用repo 遇到的坑

特別申明 我只是知識的搬運工,記錄遇到的坑,感謝原創作者,感謝分享!問題1 your identity is 解決 如果遇到下面問題 www.linuxidc.com ubuntu working directory www.linuxidc.com ubuntu working directory...

VUE開發中遇到的坑

1.父元件監聽不到子元件向外觸發的事件,原因可能是 emit傳入的事件名稱只能用小寫,不可以使用駝峰式命名書寫。現版本的 vue 似乎可以支援 2.用非同步傳遞過來的資料做元件的初始化時候,直接用,因為存在非同步問題 延時,結果需在等待過程結束之後才返回 會出現not find props或者渲染出...

vue使用eslint遇到的坑

一 error extra semicolon semi 解決 eslint 配置是以 standard 為基礎的,要求是不使用分號,要使用分號則需要在.eslintrc配置檔案rules增加配置 semi error always 如果希望eslint不檢查分號,就 semi 0,二 indent...