vue的mixin(混入)
mixin(混入)
\1. 功能:可以把多个组件共用的配置提取成一个混入对象
\2. 使用方式:
(1)另起一个js文件,mixin.js。把多个组件共用的配置放入其中并暴露出来。
mixin.js文件的代码
export const mixin = { methods: { showName(){ alert(this.name) } }, } export const mixin1 = { data() { return { x:200, y:300 } }, }
(2)再需要用到这些配置的组件导入mixin.js文件,再接收想要用的配置,即可使用
比如MySchool组件要使用的话