Vue 项目中，template 和 JSX 该如何选择？

vue 项目混用 template 和 jsx 的现实情况

在 Vue 真实项目中，是否混用 template 和 JSX 一直是一个备受讨论的问题。

对于封装的 UI 组件或业务组件，使用 JSX 渐成趋势。这主要是因为 JSX 具有声明性强的特点，便于快速构建组件。然而，对于简单的视图页面，template 仍然是主流。

混用 template 和 JSX 并不是不规范的行为。有些情况下，需要灵活使用这两种技术，比如：

• 为了创建小型的、即创建即销毁的组件，如 Toast。使用 JSX 可以方便地创建和销毁组件。
• 在无法预知渲染场景的情况下，可以选择使用 JSX 来创建组件。

值得注意的是，template 和 JSX 实际上是同一种技术。在 template 中也可以使用 JSX 来编写模板。因此，混用 template 和 JSX 并不影响项目的可维护性和可读性。最终，选择哪种技术取决于具体场景和开发者的偏好。

以上就是Vue 项目中，template 和 JSX 该如何选择？的详细内容，更多请关注其它相关文章！