0
点赞
收藏
分享

微信扫一扫

使用vue插件注册通用组件

栖桐 2022-04-26 阅读 92
vue.js前端

这里想要实现的效果是:注册一个全局通用组件,可以直接使用

1、首先创建一个js文件,导入所有的通用组件然后进行注册

// 使用vue插件的形式进行注册
// 如果说想提供一个插件,供vue.use使用
// 提供的插件必须是一个对象或者一个函数
// 如果是一个对象的时候必须提供install方法

import PageTools from '@/components/PageTools/index.vue'//组件

// 方法一:提供一个插件
export default {
  install(Vue) {
    Vue.component('PageTools', PageTools)
  }
}

// 方法二:提供一个函数
// export default (Vue) => {
//   Vue.component('PageTools', PageTools)
// }

2、在main.js中引入组件,导入写好的组件

// 导入组件
import component from '@/components'//引入js文件
Vue.use(component)

Vue.use传入了一个插件,这个插件可以是一个函数也可以是一个对象。

如果是一个对象,必须要使用install方法。

如果是函数,默认直接调用install方法。

在调用的时候传入vue,拿到vue后可以进行一系列操作

举报

相关推荐

0 条评论