我们知道注册全球Vue需要possible美元.js(版本1)组件动态如下:
Vue.component('my-component', MyComponent)
是否有办法对本地组件(即仅对特定组件可用/可见的组件)执行相同的操作？
我的 idea 是，我希望能够通过组件在本地注册，如下所示:
<outer-component
:local-component-to-be-registered-dymanically="Foo"
>
所以在outer-component人中我可以做到:
created() {
this.someMethodINeedToRegisterLocalComponent('cool-component', this.localComponentToBeRegisteredDynamically);
},
这是如何创建动态组件，而不是如何创建动态组件.在.vue个文件中，您只能注册一个组件，其他任何组件都需要在外部定义.
使用:is属性，您将能够实现您希望实现的目标.以下是docs人中的一个例子:
var vm = new Vue({
el: '#example',
data: {
currentView: 'home'
},
components: {
home: { /* ... */ },
posts: { /* ... */ },
archive: { /* ... */ }
}
})
<component v-bind:is="currentView">
<!-- component changes when vm.currentView changes! -->
</component>
将数据直接绑定到某个组件(而不是将某个组件作为指针):
var Home = {
template: '<p>Welcome home!</p>'
}
var vm = new Vue({
el: '#example',
data: {
currentView: Home
}
})