没有 jsx 的 .vue 文件答案

【问题标题】：.vue files without jsx没有 jsx 的 .vue 文件
【发布时间】：2018-10-09 12:12:03
【问题描述】：

有没有办法让每个组件都有.vue 文件，但没有那种伪javascript语言jsx？

我喜欢将所有组件和模板放在单独的文件中的想法，但是那种愚蠢的“语言”让我感到害怕。

【问题讨论】：

在这里提问之前先探索 vue 世界和文档
JSX 是一个 React 的东西； Vue 有自己的模板系统。可以在 Vue 中使用 JSX，但您必须特意安装它。

标签： javascript vuejs2 vue-component jsx

【解决方案1】：

你不需要在 .vue 文件中使用 jsx。

只写纯 HTML

例子.vue

<template>
    <div>
        Hello, I am just HTML
    </div>
</template>

<script>
    export default {}
</script>

【讨论】：

【解决方案2】：

 ///// example.vue
<temlate>
    // Write Html codes .....
</temlate>

<style lang="scss" scoped>
    // Write isolate style
</style>

<script>
////    Example javascript code
import { mapState } from 'vuex';
import PageBreadcrumb from './breadcrumb';
import IssuePage from '~/components/common/issue-page';

export default {
    components: {
        PageBreadcrumb
    },
    extends: IssuePage,
    computed: {
        ...mapState('domestic', ['confirmInfo']),
        urlSuffix: () => 'domestic-flights'
    }
};
</script>

【讨论】：

【解决方案3】：

是的。只需使用 vue cli 生成第一步项目。你的代码中不会有任何 JSX。

【讨论】：