suchen

Heim  >  Fragen und Antworten  >  Hauptteil

javascript - Kann Vue das Suffix .vue nicht in ein altes Projekt einbinden? Was soll ich tun?

Kann vue das Suffix .vue nicht haben? Ich möchte es in alte Projekte einführen.

迷茫迷茫2811 Tage vor891

Antworte allen(5)Ich werde antworten

  • 大家讲道理

    大家讲道理2017-05-19 10:37:12

    老项目直接引入vue.js文件

    <script src="https://unpkg.com/vue/dist/vue.js"></script>

    Antwort
    0
  • 为情所困

    为情所困2017-05-19 10:37:12

    你可以试试html。但是这样不符合vue的语法了，它会报错

    Antwort
    0
  • 为情所困

    为情所困2017-05-19 10:37:12

    .vue格式并不是最终引入到页面的文件，经过webpack打包之后都会生成一个普通js文件，引入这个js文件就可以了。

    Antwort
    0
  • 淡淡烟草味

    淡淡烟草味2017-05-19 10:37:12

    把老项目布置到v-cli上，然后引用.vue组件，再webpack打包

    Antwort
    0
  • 阿神

    阿神2017-05-19 10:37:12

    第一个问题，关于后缀
    以什么后缀跟VUE没有任何关系，vue只是个特殊的text文件而已，就算你用 .abc 都行。
    这一切都该归功于webpack，在webpack 的loaders配置中，能让你给指定文件一个，或多个加载器。你也可以把这些加载器理解为预编译工具。

      module: {
    rules: [{
        test: /\.vue$/, // 这里指定 .vue 文件通过 vue-loader 解析，你可以指定任何类型的文件。
        loader: 'vue-loader',
        options: vueLoaderConfig
      }]
   }

    第二个问题，vue小项目类似第三方库的用法

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>vue-demo</title>
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
  </head>
  <body>
    <p id="app">
      {{ message }}
    </p>
  </body>

  <script>
    var app = new Vue({
      el: '#app',
      data: {
        message: 'Hello Vue!'
      }
    })
  </script>
</html>

    Antwort
    0
  • StornierenAntwort