vue中文官方文檔 https://cn.vuejs.org/
打開vscode編輯器，創建index.html文件，編輯：
原始hello world：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="app"></div>
<script>
var dom = document.getElementById('app');
dom.innerHTML = 'hello world'
</script>
</body>
</html>打開擴展工具：
安裝view in brower,然後在index.html上右鍵就會出現View in Browser選項
通過vue實現 hello world:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World</title>
<!-- <script src="/assets/js/vue.js"></script> -->
<script src="E:\Code\Vue\assets\js\vue.js"></script>
</head>
<body>
<div id="app">{{content}}</div>
<script>
var app = new Vue({
el: '#app',
data: {
content: 'Hello World'
}
})
</script>
</body>
</html>
創建Vue實例，el表示實例負責管理的一個區域，#app指的是id等於app的div標籤。
{{}} 插值表達式
data定義數據
添加div：
<div>{{content}}</div>
Vue實例只接管了app這個dom標籤下的content
實現隔兩秒鐘改變Hello World內容：
<script>
var app = new Vue({
el: '#app',
data: {
content: 'Hello World'
}
})
setTimeout(function () {
app.$data.content = 'byte world'
}, 2000)
</script>
