前言
本章開始講解Vue的相關知識
方法
1.概念
作爲一個典型的Java後端開發人員，我還是非常的不想學習像Vue這樣的前端框架，比如之前提到的JQuery，我認爲把JQuery學好了就可以了，然而世事變化無常，造化弄人，公司在疫情復工的第一天就開始了Vue+Node的工程開發，我完全懵了，這是個什麼鬼東西哦。求人不如求己，自己按照官網的說法一步一步搞吧！
我們首先看一下百度給出的Vue的概念：
我們可以發現，Vue的開發者竟然是中國人，我們處於愛國的角度，也要去學習一下。
看一下Vue的圖標，很大氣！
2.hello world
任何的一門技術都逃不過我們的這個hello world，讓我們來一起看一下！
作爲一個JavaScript庫，我們同樣需要在html文件中引入。這就涉及到我們去哪裏下載源碼庫呢？其實是和jq一樣的，vue也具有開發版和生產版本，開發版有更多的提示但是體積大，生產版相當於進行了壓縮，適合於生產環境。
下載地址：https://cn.vuejs.org/v2/guide/installation.html
這裏我們是進行開發，所以選開發版
本次測試使用的開發工具是vue官方推薦的HBuilder X
開發工具下載地址：https://www.dcloud.io/hbuilderx.html
導入我們下載好的vue.js並引入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/vue.js"></script>
<title></title>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
</body>
</html>
這樣的話，我們第一個vue的hello word程序就寫好了，我們只需要這樣運行一下：
然後瀏覽器中就會渲染出對應的文字了！
並且會隨着html文件的保存自動更新！