vue@2.0 template 如何复用？

• Z时代
• 2024-02-19
• 分类：IT

RT，假如我有一个Parent一个Card组件。
现在希望所有Card组件都能继承Parent组件，并包含template内容。

一些尝试：
在Card组件中添加选项：extends: Parent（问题是template不知道怎么合并）
在Parent里加入slot插槽（不希望父子组件通讯）

回答：

我尝试过的：

1. 实际上 <template> 会被编译成 render(h) 函数 ，所以原则上你可以通过调用和复写 Parent 的 render() 函数来满足你的需求
2. 在 Parent 里留下钩子，然后通过 mixins 生成 card。Card 里通过修改配置改变渲染结果。
3. 在 Parent 里加入 slot，然后 Card 集成并插入新元素
4. 把 Parent 拆散，然后在 Card 里组合

以上是 vue@2.0 template 如何复用？ 的全部内容， 来源链接： utcz.com/p/937283.html