vue 的 混入 mixins 含义与使用（精简）

1.含义

混入 (mixins)：定义了一些可以复用的方法或者计算属性。混入对象可以混入任意组件，可以是单个组件，可以是全局混入。当混入添加到一个组件中去，意义就是把这个混入定义的方法属性定义到了该组件中的data等中去。

2.举例使用

定义一个js文件，在里面导出data，methods等数组

import validid from "validid";

// #ifdef APP-PLUS
import * as Reader from "";
/**
 * 当前页面
 */
let thisPage;
// #endif

export default {
	data() {
		return {}
	},
methods：{
init(){
  const result = 接口请求()
  const {name,age,address,sex}=result.data
if (sex == '男') {
						thisPage.form.customerSex = '1';
					} else {
						thisPage.form.customerSex = '2';
					}
					thisPage.form.customerName = name;
					
					thisPage.form.customerAddress = address;
					thisPage.form.customerAge = age;
  }
 }
}

以上代码只是简单的定义了一个js文件，并导出里面的一些数据

在组件中引入：

<script>
import hunru from '../../common/hunru.js';
export default {
mixins: [hunru ],
   data() {
		return {
        }
   },
   methods:{
     initdata(){
       init()
     }
   }
}
</script>

在组件中以mixins: [hunru ]引入混入，就可以直接使用其中的init方法，这就相当于所有混入中定义的方法属性都可以在本组件中进行使用，相当于在本组件中也进行了定义。