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を登録します.js
const obj={
	fun1(){
	},
	fun2(){
	},
	fun3(){
	}
}
export default obj

main.jsにおける導入方法
import common from '.icommon.js'
Vue.prototype.common=comm

他のコンポーネントでメソッドが呼び出された場合
this.common.fun1();