mixin(混入)

作用:可以把多个组件共用的配置提取成一个混入对象
全局混入：在入口文件main.js中 配置Vue.mixin(xxx)
局部混入 第一步在与main.js平级文件新建一个mixin.js文件，里面写共用的配置
第二步在Student组件中

<template>
  <div>
    <h2 @click="showName">学生姓名:{{ name }}</h2>
    <h2>学生性别:{{ sex }}</h2>
   
  </div>
</template>

<script>
import  {mixin} from '../mixin'
export default {
  name: "Student",
  data() {
    return {
      name:"道道道 天下道",
      sex:24
    };
  },
  // 混合项必须放在数组里 其作用就是复用配置(局部混合写法)
  mixins:[mixin]
 
  // 此时的外部传进来的不允许修改 要想修改需要新配置 (传进来的属性不要和vue用过的属性名重复 避免冲突)
  // props:['name','age','sex'], 
  // 限制类型
  // props:{name:String,age:Number,sex:String}
};
</script>
 
<style scoped >
</style>