cari

Rumah  >  Soal Jawab  >  teks badan

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

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

迷茫迷茫2811 hari yang lalu889

membalas semua(5)saya akan balas

  • 大家讲道理

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

    Projek lama mengimport terus fail vue.js

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

    balas
    0
  • 为情所困

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

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

    balas
    0
  • 为情所困

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

    Format

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

    balas
    0
  • 淡淡烟草味

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

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

    balas
    0
  • 阿神

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

    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>

    balas
    0
  • Batalbalas