面试题系列---【vue中什么是混入】
面试题系列---【vue中什么是混入】
1.定义vue
混入 (mixin) 提供了一种很是灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象能够包含任意组件选项。当组件使用混入对象时，全部混入对象的选项将被“混合”进入该组件自己的选项。面试
2.使用步骤ide
在components 文件夹中自定义名字，通常命名为mixin---》post
文件夹中咱们能够创建一个js文件，mixin.js 这个文件就是写混入代码的js----》this
js代码内容以下：3d
export default {
data() {
return {
name : "张三"
}
},
methods: {
handleclick(){
this.name = "李四"
}
}
}
在须要用的页面引入code
<template>
<div>
<h1>{{name}}</h1>
<button @click="handleclick">点我更名字11</button>
</div>
</template>
<script>
import minin from './minxin/minxin'
export default {
mixins: [minin],
data(){
return {
}
},
methods: {
}
}
</script>
引入以后就能够使用了，在上面的文件中，component
handleclick 方法就是 混入文件中的方法对象