搜尋

首頁  >  問答  >  主體

javascript - vue能不能不以.vue的後綴,我想引入舊項目用,該怎麼做?

vue能不能不以.vue的後綴,我想引入舊項目用,該怎麼做?

迷茫迷茫2753 天前847

全部回覆(5)我來回復

  • 大家讲道理

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

    舊專案直接引入vue.js檔案

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

    回覆
    0
  • 为情所困

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

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

    回覆
    0
  • 为情所困

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

    .vue格式並不是最終引入到頁面的文件,經過webpack打包之後都會產生一個普通js文件,引入這個js文件就可以了。

    回覆
    0
  • 淡淡烟草味

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

    把舊項目佈置到v-cli上,然後引用.vue組件,再webpack打包

    回覆
    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>
    

    回覆
    0
  • 取消回覆