首页 > TAG信息列表 > hunhe
Vue (11) — mixin混入、插件、scoped样式
目录 一、mixin混入 1.功能 2.使用方式 二、插件 1.功能 2.本质 3.定义插件 4.使用插件 三、scoped样式 1.作用 2.写法 3.案例 一、mixin混入 1.功能 可以把多个组件功用的配置提取成一个混入对象 2.使用方式Vue mixin配置项
1.为什么实用混入（混合）？ 组件内部的配置项复用 2.怎么写一个混入？mixin是一个js文件，两个组件都有显示Name的需求 export const mixin={ methods:{ showName(){ alert(this.Name) } } } //可以写多个，每个mixin里面可以写所有的配mixin混合
student.vue <template> <div class="student"> <h2>{{name}}</h2> <h2>{{age}}</h2> <button @click="showName">点我显示名字</button> </div> <