vue2中Vue.use(对象)可以全局注册插件

具体写法: 

 在components公共组件文件夹下,新建一个Index.js,在这里面写

// 引入
import Son from './Son.vue'
// 导出一个对象 里面包含一个install方法
export default{
    install(Vue) {
        // 全局注册
        Vue.component('Son',Son)
    }
}

在main.js入口文件中,引入导出的对象,在用Vue.use(对象)来完成插件的注册

// 引入
// import Son from './components/Son.vue'
import obj from './components/index'
Vue.config.productionTip = false
// const obj= {
//   // 这里的形参p和Vue相等
//   install(p) {
//     console.log('p----------'+p,p===Vue);
//     // 全局注册
//     Vue.component('Son',Son)
//  }
// }
// 注册为插件
Vue.use(obj)

在需要用到该组件的地方,直接使用

<template>
  <div id="app">
    根组件
    <Son></Son>
  </div>
</template>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值