javascript - Bolehkah vue tidak mempunyai akhiran .vue Saya ingin memperkenalkannya ke dalam projek lama, apakah yang perlu saya lakukan?
迷茫
迷茫 2017-05-19 10:35:12
0
5
857

Bolehkah vue tidak mempunyai akhiran .vue saya ingin memperkenalkannya ke dalam projek lama, apakah yang perlu saya lakukan?

迷茫
迷茫

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

membalas semua(5)
大家讲道理

Projek lama mengimport terus fail vue.js

<script src="https://unpkg.com/vue/dist/vue.js"></script>
为情所困

Boleh cuba html. Tetapi ini tidak mematuhi sintaks vue, ia akan melaporkan ralat

为情所困

Format

.vue bukanlah fail yang akhirnya dimasukkan ke dalam halaman Selepas dibungkus oleh webpack, fail js biasa akan dihasilkan. Hanya memperkenalkan fail js ini.

淡淡烟草味

Sediakan projek lama ke v-cli, kemudian rujuk komponen .vue, dan kemudian bungkusnya dengan webpack

阿神

Soalan pertama ialah tentang akhiran
Akhiran tiada kaitan dengan VUE hanyalah fail teks khas, walaupun anda menggunakan .abc.
Ini semua terima kasih kepada webpack Dalam konfigurasi pemuat webpack, anda boleh memberikan satu atau lebih pemuat kepada fail yang ditentukan. Anda juga boleh menganggap pemuat ini sebagai alat prakompilasi.

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

Soalan kedua, projek kecil vue adalah serupa dengan penggunaan perpustakaan pihak ketiga

<!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>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan