混入的简单使用方法

  • Post author:
  • Post category:其他


在项目中有时一个方法要在很多页面用到,这时就可以考虑使用混入的方式来进行封装,以提高复用性。

方法:

1、在pages目录同级下新建目录mixins,并新建文件mixins.js,写入需要封装的方法。

export const mixin={
	methods: {
		load(){
			console.log('混入');
		}
	}
}

在这里插入图片描述

2、在需要的页面进行引入即可

<script>
	import {mixin} from '@/mixins/mixin.js'
	export default {
		data() {
			return {
			}
		},
		mixins:[mixin],
		onLoad() {
			this.load();
		},
	}

结果:
在这里插入图片描述



版权声明:本文为qq_44161722原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。