VueMixins混入介绍与使用

export const mixins = {
  data() {
    return {
      msg: "我是乞力马扎罗",
    };
  },
  computed: {},
  created() {
    console.log("我是mixin中的created生命周期函数");
  },
  mounted() {
    console.log("我是mixin中的mounted生命周期函数");
  },
  methods: {
    getclick() {
      console.log("我是mixin中的点击事件");
    },
  },
};

<script>
import mixin from "@/config/mixins.js"
	export default {
		mixins: [mixin],
		data() {
			return {
			};
		},
		onShow(){
			console.log(this.msg)//乞力马扎罗
			console.log(this.getclick())//我是mixin中的点击事件
		},
	}
</script>

import mixins from "@/config/mixins.js"
Vue.mixin(mixins);

<script>
	export default {
		data() {
			return {
			};
		},
		onShow(){
			console.log(this.msg)//乞力马扎罗
			console.log(this.getclick())//我是mixin中的点击事件
		},
	}
</script>