这是一个创建于 1599 天前的主题，其中的信息可能已经有所发展或是发生改变。
<template> <package v-if="a"> <same-node> <lots-nodes /> </same-node> </package > <same-node v-else> <lots-nodes /> </same-node> <template> </lots-nodes /> 这里有很多个 elements，这样就有很大一段重复了，有什么办法解决吗？
20 条回复 2021-11-03 16:45:09 +08:00
 | 1 liyang5945 2021 年 9 月 18 日 v-html 绑定一个函数，函数里返回 html 字符串 |
 | 2 horseInBlack 2021 年 9 月 18 日 没看懂你这什么意思，下意识觉得这不是组件吗？定义好然后引用不就行了。 |
 | 3 ayase252 2021 年 9 月 18 日 <same-node /> 不能抽成一个组件？ |
 | 4 Rheinmetal 2021 年 9 月 18 日 element ui 有的组件支持 htmlstring 或者 vnode |
 | 5 chairuosen 2021 年 9 月 18 日 正经解法是，用 render 方法，https://cn.vuejs.org/v2/guide/render-function.html |
 | 6 vivalavida000 2021 年 9 月 18 日 抽组件啊 |
 | 7 jguo 2021 年 9 月 18 日 一般来说用这些前端框架之后就不该再在 html 层面考虑问题了 |
 | 8 94 2021 年 9 月 18 日 重复的部分继续组件化，然后 import 进来 |
 | 9 freedomT 2021 年 9 月 18 日  2 <component is="xxx" /> |
 | 10 wellsc 2021 年 9 月 18 日 为什么会有这种问题 |
 | 11 2i2Re2PLMaDnghL 2021 年 9 月 18 日 《分治》 |
 | 12 cyrbuzz 2021 年 9 月 18 日 可以用 #9 的方法， ``` <components :is="a ? 'package' : 'div'"> <same-node> <lots-nodes /> </same-node> </components> ``` |
 | 13 John60676 2021 年 9 月 19 日 1. 抽组件 2. 写 render 函数 |
 | 14 darknoll 2021 年 9 月 19 日 is 或者 render |
 | 15 pluvet 2021 年 9 月 20 日 jsx? |
 | 16 shilianmlxg 2021 年 9 月 29 日 谢谢大佬 学到了。有类似 学习如何封装组件的文章或者心得嘛。感觉自己写的代码不知道如何抽出来 @cyrbuzz |
| 17 cyrbuzz 2021 年 9 月 29 日 |
| 18 shilianmlxg 2021 年 9 月 29 日 @cyrbuzz 确实没试着造过轮子，谢谢大佬 |
| 19 cyrbuzz 2021 年 9 月 29 日 |
 | 20 chenjiangui998 2021 年 11 月 3 日 抽组件和 render 改动都大 比较好的做法是实现一个通用 Node 组件可以挂载任意 Html, Vnode 或者 组件, 类似 react 的高阶组件 |
Select Language