真实项目中template和jsx的混合使用

在Vue真实项目中，template和jsx会同时使用。例如，UI组件和业务组件可以使用jsx，而简单的视图页面则使用template。这种做法在项目中很常见。

为何混用？

• 便利性：当需要创建和销毁小组件时，如提示框，jsx可直接在调用时创建和挂载，非常方便。
• 灵活性：在无法预知组件渲染位置的情况下，jsx也可用于创建组件。

如何理解？

蓝湖代码转vue2.0+element-ui

将静态 Vue 页面(index.vue)改造为动态页面(Custom.vue)；稿源仅限 index.vue、其引用的 CSS 与资源路径，禁止参考仓库内其他文件。Invoke when user wants to transform a static Vue page into a dynamic data-driven page with Element UI components.

下载

尽管template和jsx看起来不同，但本质相同。在template中同样可以使用jsx编写模板。因此，在真实项目中混用两者是一种常见的且实用的做法。

立即学习“前端免费学习笔记（深入）”；