生命周期：
-
beforecreate:一般使用場景是在加loading事件的時候
-
created處於loading結束后，還做一些初始化，實現函數自執行（data數據已經初始化，但是DOM結構渲染成功，組件沒有加載）
-
beforemount：處於組件創建完成 ,但未開始執行操作
-
mounted：處於發起后端請求，獲取數據，配合路由鈎子執行操作（DOM渲染完成，組件掛載完成 ）
-
beforeupdate，updated： 處於數據更新的前后
-
beforeDestroy：當前組件還在的時候，想刪除組件
-
destroyed:當前組件已被銷毀，清空相關內容
created 與 mounted 的區別
-
created：在模板渲染成HTML前調用，即通常初始化某些屬性值，讓后再渲染成視圖
-
mounted：在模板渲染成HTML后調用，通常是初始化頁面完成后 ，再對HTML的DOM結點進行所需要的操作
mounted與methods的區別
- mounted：是生命周期方法之一，會在對應生命周期時執行
- methods ：是vue實例對象上綁定的方法，供當前vue組件作用域內使用，未調用不會執行，只執行邏輯，返回值可有可無
computed與 watched 的區別
- computed是計算屬性，也可以理解為一個方法，其計算的結果不發生改變就不觸發，且必須返回一個值並在DOM中綁定的才能取得值，他可以自動獲取數據的改變，computed 有緩存
- watched 屬性是手動定義的所需監聽的值，不同的數據可以在其中多次定義監聽值，這時會消耗一定性能，他並不能像computed那樣自動改變