【问题标题】:.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。

      【讨论】:

        猜你喜欢
        • 2017-07-18
        • 2019-04-07
        • 2021-06-02
        • 2021-03-29
        • 2016-02-04
        • 1970-01-01
        • 2018-07-07
        • 2021-04-14
        • 1970-01-01
        相关资源
        最近更新 更多