vue-ブレンド-mixin

vue---ブレンド-mixin

混合-mixin

作成

を使用
混合-mixin

は、各コンポーネントの同じビジネスロジックおよびデータ

を抽出する.
作成

mixinフォルダを作成し、共通のmixinメソッド

を定義します.

定義export default {mounted(){}}

export default {
	data() {return {
		user : {name : "momo",age : 18}
	}},
	mounted() {
		console.log("      ");
	},
	methods : {
		say() {
			alert(this.user.name + "  " + this.user.age);
		}
	}
}

使用

が導入する、必要なコンポーネント間で共通メソッドまたはデータimport from "xxx"

が導入される.

登録mixins:[ ]

//      mixin
import mymixin from '@/mixin/mymixin.js';
export default {
//      mixin，      
	mixins : [mymixin],
	data() {return {
		user : {name : "smm",age : "18"}
	}}
}