Vue-cli JSX踩坑问题!

今天封装一个公用组件库,期间使用到了JSX,发现在Data配置中去配置渲染函数出现了 h function is not defined的问题??

网上查询一大堆所谓安装JSX的东西,其实Vue-cli内置了JSX的语法支持,是可以直接使用的,但是有坑的是你在data中配置返回JSX的话,这个时候的vue是不会内置的 const h = $createElement,所以报错了!!!

https://cn.vuejs.org/v2/guide/render-function.html#%E6%A8%A1%E6%9D%BF%E7%BC%96%E8%AF%91。

该官方文档有说明:

此时的解决方案就是将data中的渲染函数移动到方法中即可!!!

posted @ 2022-03-16 16:54  键盘的旋律  阅读(433)  评论(0编辑  收藏  举报