官网示例的网址：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> |
