关于Vue渲染函数(render)的使用

什么是渲染函数:

Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数,它比模板更接近编译器。

具体可以看vue官方文档:https://cn.vuejs.org/v2/guide/render-function.html

例子:

image.png

如上图项目中,在toopTip目录下的几个文件结构都是一样的,无非字段不同,此时我们可以采用模版或者render函数,由于render函数之前没写过,所以我选择使用render函数。

新建一个render.vue,去除template部分
image.png

此时render我们可以发现render函数非常灵活,具体配置可看官方文档按需配置

在需要用到的组件内引入并使用
image.png

突然发现代码简洁了很多!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。