Global components component registration

1. Again components Create one in the directory index.js file

 

 

2. stay index.js Import the components to be registered globally and Export

vue Provide install We can develop new plug-ins and global registration components
install The first parameter of the method is vue Constructor , The second parameter is the optional option object

 

// Import components to be registered globally 
import MyForm from './MyForm'
import MyHeader from './MyHeader'
import MyAside from './MyAside'
import MyMain from './MyMain'
import Breadcrumb from './Breadcrumb'
import MyDialog from './MyDialog'
import MyTable from './MyTable'
import ContentLayout from '../../layouts/ContentLayout'


export default {
    install(Vue) {
        [MyTable,MyDialog,ContentLayout,Breadcrumb,MyForm,MyHeader,MyAside,MyMain].forEach(item=> Vue.component(item.name,item))
    }
}

Vue.component(item.name,item)  The first parameter is the name of the build   The second is the imported component

Detailed instructions can be found on the official website ：API — Vue.js

 

3. stay main.js Import

The official response to Vue.use() Method description ： Through a global approach Vue.use() The use of plug-in

import Components from '@/components/index'  // Import the newly created registration file 

Vue.use(Components)