- 功能:可以把多个组件共用的配置提取成一个混入对象
- 使用方式:
- 第一步定义混合(mixin.js文件):
export const xxx = {
data(){
....},
methods:{
....}
....
}
- 第二步使用混入:
- 全局混入:
Vue.mixin(xxx)
- 局部混入:
mixins:['xxx']
- 全局混入:
例:
School.vue
<template>
<div>
<h2 @click="showName">学校名称:{
{name}}</h2>
<h2>学校地址:{
{address}}