大家讲道理2017-05-19 10:37:12
舊專案直接引入vue.js檔案
<script src="https://unpkg.com/vue/dist/vue.js"></script>
阿神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>