挂載#app
問題一：在箭頭函數中不綁定this，函數調用this為window，（bind綁定不修改原函數，傳回一個新函數）
下載下傳源碼：第一節課1：56：00 未懂第二節課43分鐘
snippet generator (snippet-generator.app)生成代碼片段的網站
v-once用于指定元素或者元件隻渲染一次：
當資料發生變化時，元素或者元件以及其所有的子元素将視為靜态内容并且跳過；
該指令可以用于性能優化； (隻在第一個加載時渲染，後續操作不改變v-once元件的元素)
很少用 v-test
v-pre:不渲染這個标簽，顯示最原始的值
v-bind:動态綁定
動态綁定屬性：v-bind
v-on綁定事件：
v-on參數傳遞
v-on修飾符
template與v-if結合使用：
v-for周遊
template和v-for結合使用
計算屬性computed:本質上是有緩存的，當我們多次使用計算屬性時，計算屬性的運算隻會執行一次。
計算屬性的實作原理：
計算屬性的setter和getter： 直接調用為getter方法，
計算屬性的setter：
偵聽器watch:跟鍵值對
預設情況下偵聽器隻會偵聽資料本身的改變（内部發生的變化是不能偵聽的）
監聽數組中對象的屬性，在子元件中監聽 20分鐘時講
對象的淺拷貝：隻對低層次的鍵值對進行拷貝，對對象内的對象還是儲存相同的引用位址
對象的深拷貝： 先将info借助JSON轉換成字元串 JSON.stringify(info) ,然後将生成的字元串還原 JSON.parse(JSON.stringify(info)) ,進而生成一個新的對象，JSON不能拷貝undefine、function、RegExp
v-model:在input、textarea、select中建立雙向綁定
首尾
注冊全局元件：
<template id="my-app">
<component-a></component-a>
</template>
注冊局部元件：