作用:可以把多个组件共用的配置提取成一个混入对象
全局混入：在入口文件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>
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/163348.html
