vueグローバル登録共通コンポーネント、グローバル導入共通関数
1063 ワード
今日もう一つのプロジェクトを見ていると、いくつかのコンポーネントが共通であることがわかりました.例えば、弾枠をロードしたり、弾枠を提示したりして、元のプロジェクトでは
の で のコンポーネントを しています.そのため、グローバルに のコンポーネントに できるかどうかのように、コンポーネント を び して
のように して、ネット の を べました.やはりある( )1、 コンポーネント: :loadingなどのコンポーネントページがある.vue
。。。。
export default{ data:function(){ return{ } } } 第二步:在main.js中全局注册一下
// import load from './cmcomponents/base/loading.vue' // Vue.component('load', load)
第三に、使用するページで直接コンポーネントを使用すればよい.
2,.グローバルに共通の関数共通関数commonを登録します.jsconst obj={ fun1(){ }, fun2(){ }, fun3(){ } } export default obj
main.jsにおける導入方法import common from '.icommon.js' Vue.prototype.common=comm
他のコンポーネントでメソッドが呼び出された場合this.common.fun1();