файлы .vue без jsx

Question

Есть ли способ иметь .vue файлы для каждого компонента, но без этого псевдо-javascript языка jsx?

Мне нравится идея иметь все компоненты и шаблоны в отдельных файлах, но это глупо«язык» выводит меня из себя.

Answer 1

Да.Просто используйте vue cli для создания проекта первого шага.В вашем коде не будет JSX.

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

Answer 3

Вам не нужно использовать jsx в файлах .vue.

Просто напишите простой HTML

Example.vue

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

<script>
    export default {}
</script>