vue能不能不以.vue的後綴,我想引入舊項目用,該怎麼做?
业精于勤,荒于嬉;行成于思,毁于随。
舊專案直接引入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>
舊專案直接引入vue.js檔案
你可以試試html。但是這樣不符合vue的文法了,它會報錯
.vue格式並不是最終引入到頁面的文件,經過webpack打包之後都會產生一個普通js文件,引入這個js文件就可以了。
把舊項目佈置到v-cli上,然後引用.vue組件,再webpack打包
第一個問題,關於後綴
以什麼後綴跟VUE沒有任何關係,vue只是個特殊的text檔而已,就算你用 .abc 都行。
這一切都該歸功於webpack,在webpack 的loaders設定中,能讓你給指定檔案一個,或多個載入器。你也可以把這些載入器理解為預編譯工具。
第二個問題,vue小專案類似第三方函式庫的用法