javascript - vue能不能不以.vue的後綴,我想引入舊項目用,該怎麼做?
迷茫
迷茫 2017-05-19 10:35:12
0
5
862

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

迷茫
迷茫

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

全部回覆(5)
大家讲道理

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

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

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

为情所困

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

淡淡烟草味

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

阿神

第一個問題,關於後綴
以什麼後綴跟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>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板