我相信很多没有经验的人对如何在Vue使用JSX无能为力。因此,本文总结了问题产生的原因及解决方法。希望你能通过这篇文章解决这个问题。
JSX是什么
JSX是Javascript的语法扩展,JSX=Javascript XML,也就是用Javascript写XML。由于JSX的这个特点,它既有Javascript的灵活性,同时又有语义和直观的html。(个人建议可以用JSX替代一些灵活性强的组件,整个项目JSX真的没有必要。)
XML学习地址(随意学或不学,学就可以了):https://www.w3school.com.cn/xml/index.asp.
使用模板的缺点:https://www.mk2048.com/blog/blog_h2c2c22ihihaa.html.
为什么要在 Vue 中使用 JSX
有时候我们用render函数来抽象组件,但是render函数并没有明确引用到官方文档,有时候render函数写起来很痛苦,只需要有一个理解。
渲染功能:https://cn.vuejs.org/v2/guide/render-function.html#基础。
createElement(
锚定标题',{ 0
props: {
级别:1
}
},[
createElement('span ',' Hello '),
“世界!”
]
)其对应的模板如下:
锚定-head : level=' 1 '
span你好/span世界!
/anchored-heading,你看写起来有多难,而JSX这个时候被派去打球了。在Vue中使用JSX需要使用巴贝尔插件,这可以让我们回到更接近模板的语法。
看完以上,你掌握了在Vue使用JSX的方法了吗?如果您想学习更多技能或了解更多相关内容,请关注行业资讯频道。感谢阅读!
内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/40191.html