简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - Kann Vue das Suffix .vue nicht in ein altes Projekt einbinden? Was soll ich tun?
迷茫
迷茫 2017-05-19 10:35:12
0
5
831

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

迷茫
迷茫

业精于勤，荒于嬉;行成于思，毁于随。

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格式并不是最终引入到页面的文件，经过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

第一个问题，关于后缀
以什么后缀跟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>
Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！