vue2全局组件或方法注册

一、 组件注册

1、第一种：在main.js中直接注册

//引入

import Demo from '@/components/Demo

// 注册为全局组件

Vue.component('Demo', Demo)

//页面直接使用

<Demo />

2、第二种：使用插件的形式注册在 components 目录下新建 index.js 文件

//引入

import FixedTop from '@/components/FixedTop'

import FixedBottom from '@/components/FixedBottom'

export default {  

        install(Vue){    

                //注册全局组件    

                Vue.component('FixedTop', FixedTop)  

                Vue.component('FixedBottom ', FixedBottom )

         }

}

// 在 main.js 文件注册插件入口

import Components from '@/components'

Vue.use(Components)

二、 方法注册

1、第一种：在main.js中直接注册

// 引入 

import dayjs from 'dayjs'

// 注册方法

Vue.prototype.$dayjs = dayjs

// 页面使用

this.$dayjs()

 2、第二种：使用插件的形式注册在 plugins 目录下新建 index.js 文件

import tab from './tab'
import modal from './modal'

export default {
  install(Vue) {
    // 页签操作
    Vue.prototype.$tab = tab
    // 模态框对象
    Vue.prototype.$modal = modal
  }
}