1.1.0 • Published 6 years ago
vue-component-register v1.1.0
Vue Component Register
Allow components to register their subComponents.
// List.vue
import ListItem from './ListItem.vue'
export default {
name: 'List',
subComponents: {
Item: ListItem
}
}
Background
See this issue: Allow a component to register its own subComponents
Install
# Yarn
yarn add vue-component-register
# npm
npm i vue-component-register
CDN
Avaliable as window.VueComponentRegister
.
VueComponentRegister
will automatically calls Vue.use()
if Vue
is available as a global variable.
Usage
/* main.js */
import Vue from 'vue'
import ComponentRegister from 'vue-component-register'
import Button from './components' // No subComponents
import List from './components' // Include subComponents: ListItem
Vue.use(ComponentRegister)
Vue.component(Button.name, Button)
Vue.component(List.name, List)
/* App.vue */
import Step from './components' // Include subComponents: StepItem
export default {
name: 'App',
// Component-level register
components: { Step },
render() {
return <step>
<step-item>
<list>
<list-item>first step</list-item>
</list>
</step-item>
</step>
}
}