Vue提高16 render函数

在某些场景下你可能需要render渲染函数带来的完全编程能力来解决不太容易解决的问题,特别是要动态选择生成标签和组件类型的场景。

动态标签

根据props来生成标签的场景


其中leveldata中的变量,可以看到这里有大量重复代码,如果逻辑复杂点,加上一些绑定和判断就更复杂了,这里可以利用render函数来对要生成的标签加以判断。

使用render方法根据参数来生成对应标签可以避免上面的情况。


 

动态组件

当然render函数还有很多用法,比如要使用动态组件,除了使用:is之外也可以使用render函数


 

  • 伯乐在线 - Vue使用中的小技巧

你可能感兴趣的:(Vue提高16 render函数)