亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Gemeinschaft

Lernen

Tools-Bibliothek

KI-Tools

Freizeit

Deutsch

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

迷茫 2017-05-19 10:35:12

979

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

迷茫

業(yè)精于勤，荒于嬉;行成于思，毀于隨。

Antworte allen(5)

大家講道理2017-05-19 10:37:12 5 Etage

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

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

Wie +0

Antwort hinzufügen

為情所困2017-05-19 10:37:12 4 Etage

你可以試試html。但是這樣不符合vue的語法了，它會報錯

Wie +0

Antwort hinzufügen

為情所困2017-05-19 10:37:12 3 Etage

.vue格式并不是最終引入到頁面的文件，經(jīng)過webpack打包之后都會生成一個普通js文件，引入這個js文件就可以了。

Wie +0

Antwort hinzufügen

淡淡煙草味2017-05-19 10:37:12 2 Etage

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

Wie +0

Antwort hinzufügen

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

第一個問題，關(guān)于后綴
以什么后綴跟VUE沒有任何關(guān)系，vue只是個特殊的text文件而已，就算你用 .abc 都行。
這一切都該歸功于webpack，在webpack 的loaders配置中，能讓你給指定文件一個，或多個加載器。你也可以把這些加載器理解為預(yù)編譯工具。

  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>

Wie +0

Antwort hinzufügen