亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

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

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

迷茫
迷茫

業(yè)精于勤,荒于嬉;行成于思,毀于隨。

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

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

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

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

為情所困

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

淡淡煙草味

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

阿神

第一個問題,關(guān)於後綴
以什麼後綴跟VUE沒有任何關(guān)係,vue只是個特殊的text檔而已,就算你用 .abc 都行。
這一切都該歸功於webpack,在webpack 的loaders設(shè)定中,能讓你給指定檔案一個,或多個載入器。你也可以把這些載入器理解為預(yù)編譯工具。

  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>
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板