官網示例的網址：https://v2.vuejs.org/v2/guide/
【示例（可將js文件下載到本地然後引用）】
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Learn Vue2</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@babel/standalone"></script>
<script type="text/babel">
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
</head>
<body>
<div id="app">
{{ message }}
</div>
</body>
</html>
【兼容性】
經檢驗，XP下的firefox52.9ESR，opera36和chrome49瀏覽器可正常打開此頁面。
作者共發了4篇帖子。
Vue2 Hello World官網示例
 |
|
|
Vue版本：2.7.16
Babel版本：7.24.5 |
|
IE9在正常情況下console對象為未定義（undefined），只有按F12打開調試窗口後console對象才有效。 所以，對於下面含babel的代碼，只有按F12打開調試窗口後才能正常運行，列印出「Hello Vue!」。 Vue.js的版本號為v2.7.16，Babel的版本號為6.26.0。
<!doctype html> |
