位置: IT常识 - 正文
推荐整理分享如何在Vue3+Vite中使用JSX(vue3 技巧),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:vue3中使用vuex,vue3+ts+vite,vue3使用教程,vue3 vite,vue3 技巧,vue3 vite,vue3 技巧,vue3怎么用,内容如对您有帮助,希望把文章链接给更多的朋友!
JSX(JavaScript 和 XML),是一个 HTML-in-JavaScript 的语法扩展,首先在 React 中被进入。JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 是在 JavaScript 语法上的拓展,因此类似于 HTML 的代码可以和 JS 共存。例如:
const button = <MyButton color="blue" shadowSize={2}> Click Me</MyButton>该 button 常量称为 JSX 表达式。可以使用它在我们的应用程序中渲染 <MyButton> 标签。浏览器是无法读取直接解析 JSX 的。JSX 表达式经过( Babel 或 Parcel 之类的工具)编译之后是这样的:
React.createElement( MyButton, {color: 'blue', shadowSize: 2}, 'Click Me')实际上,JSX 仅仅只是 React.createElement(component, props, ...children) 函数的语法糖。可以使用 React.createElement() 自己编写 UI 来跳过编译步骤。但是,这样做会失去 JSX 的
上一篇:数据挖掘(2.3)--数据预处理(数据挖掘期末考试大纲)
下一篇:【毕业设计】疲劳驾驶检测系统 - python 深度学习(毕业设计烦死了)
友情链接: 武汉网站建设