067_vc中的mixins配置项(局部混入与全局混入)

本文介绍了Vue.js中mixins配置项的使用,通过混入对象实现组件间共享配置。包括如何定义混合对象,以及如何进行全局和局部混入的实践示例。
摘要由CSDN通过智能技术生成
  • 功能:可以把多个组件共用的配置提取成一个混入对象
  • 使用方式:
  • 第一步定义混合(mixin.js文件):
export const xxx = {
   
   data(){
   ....},
   methods:{
   ....}
   ....
}
  • 第二步使用混入:
    • 全局混入:Vue.mixin(xxx)
    • 局部混入:mixins:['xxx']

例:
School.vue

<template>
  <div>
    <h2 @click="showName">学校名称:{
  {name}}</h2>
    <h2>学校地址:{
  {address}}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值