Vue一款輕量級的js框架，在此分享一下自己學習歷程，Vue的學習成本比較低，相對於React以及Angular來說算是相當簡單了的
首先是不使用npm安裝的前提下，我們簡單利用link直接使用Vue
在你的網頁中添加如下的js
<script src="https://unpkg.com/vue/dist/vue.js"></script>
然後接下來我們就可以開始Vue的學習之路了
首先從Vue實例開始說起
我們現在的網頁是這樣的
<html>
<head>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<title>Vue</title>
</head>
<body>
</body>
</html>接着我們需要定義出來一個Vue實例，但是在定義之前我們先看一下官方給出的生命週期的圖示
在一個新的實例被創建之前，首先是數據觀測，然後初始事件，然後被建立，接着判斷是否有el這個選項（這個通常是用來綁定到html中的元素），如果有則判斷是否有template選項即模板選項，如果沒有則等待mounted鉤子的喚起，接着繼續判斷模板是否存在。
如果模板存在，就把模板編譯到render函數裏面，如若沒有存在，就把el的外部html當作模板，接下來是mount之前，創建一個vm.$el的對象來替換掉el，然後mount
mount之後就是mounted的狀態，當數據發生改變的時候虛擬dom會重新render並且patch，接着更新數據，直到vm.$destroy()被調用
在銷燬之前，會先拆卸掉監視者，子組件和事件監聽器，然後銷燬。
好了我們先試試
<html>
<head>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<title>Vue</title>
</head>
<body>
<div id="app">
Vue Test
</div>
</body>
<script>
var vm=new Vue({
el:'#app',
})
</script>
</html>至此，我們瞭解了Vue實例的生命週期，用代碼創建了一個Vue實例，並將其綁定到dom上一個元素上。