Vue JS 0.12 动态组件

Posted

技术标签:

【中文标题】Vue JS 0.12 动态组件【英文标题】:Vue JS 0.12 Dynamic Components 【发布时间】:2015-09-06 12:19:26 【问题描述】:

我升级到了 Vue 0.12,但它给我留下了一个棘手的问题。

我正在使用 Browserify/Vueify 来转换和连接单个文件组件定义。在我的应用程序组件中,我“需要”所需的组件并分配给组件对象中的键,然后在模板中使用 v-component="x" 来安装它们。

现在 0.12 只允许在表格元素上使用这种行为,我该如何解决?

【问题讨论】:

【参考方案1】:

你需要像这样使用组件名作为标签名:

<component-name></component-name>

您也可以这样做:<component is="component-name"></component>

【讨论】:

非常感谢,Azamat。 <component is="x"></component> 辛苦了!

以上是关于Vue JS 0.12 动态组件的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Vue.js 中的动态组件上使用组件特定属性?

Vue.js 动态组件——传递数据

在 Vue.js 中动态实例化组件

Vue.js 如何渲染动态组件?

Vue js 动态导入组件

在 Vue JS 中动态添加子组件