什么是渲染函数:
Vue 推荐在绝大多数情况下使用模板来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力。这时你可以用渲染函数,它比模板更接近编译器。
具体可以看vue官方文档:https://cn.vuejs.org/v2/guide/render-function.html
例子:
如上图项目中,在toopTip目录下的几个文件结构都是一样的,无非字段不同,此时我们可以采用模版或者render函数,由于render函数之前没写过,所以我选择使用render函数。
新建一个render.vue,去除template部分
此时render我们可以发现render函数非常灵活,具体配置可看官方文档按需配置
在需要用到的组件内引入并使用
突然发现代码简洁了很多!!!