Question

是否有一种方法可以为每个组件提供.vue文件，但是没有那种伪JavaScript语言jsx？

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

Answer 1

您无需在.vue文件中使用jsx。

只需编写纯HTML

Example.vue

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

<script>
    export default {}
</script>

Answer 2

是的。只需使用vue cli生成第一步项目即可。您的代码中不会包含任何JSX。

Answer 3

 ///// 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>

没有jsx的.vue文件

3 个答案: