这是我写的一个vue.js组件,我希望在我编写的模版字符串里面可以渲染我自己的样式组件。(在render函数里面写也可以)
当然自己的样式组件可以传值。
因为我接下来的需求还需要在我修改后的文本中,对数据进行操作,添加新的插件。
注意 characters是文本的每一个字符,也就是说一段文本内可能嵌套多个组件。
看完这几个链接就明白了
https://blog.csdn.net/weixin_45844049/article/details/114277643
https://www.cnblogs.com/tugenhua0707/p/7528621.html
https://blog.csdn.net/weixin_39814093/article/details/111134959
尤其建议看看官网这篇文章
https://vuejs.org/guide/extras/render-function.html#rendering-slots
望采纳
1、render方法的实质就是生成template模板;
2、通过调用一个方法来生成,而这个方法是通过render方法的参数传递给他的;
3、这个方法有三个参数,分别提供标签名,标签相关属性,标签内部的html内容
4、通过这三个参数,可以生活曾一个完整的模板。
备注:
1、render方法可以使用JSX语法,但需要Babel plugin插件;
2、render方法里的第三个参数可以使用函数来生成多个组件(特别是如果他们相同的话),只要生成结果是一个数组,且数组元素都是VNode即可
使用动态组件
<component :is="myComponent"></component>