vue·01概念

.vue生命週期
#create：實例還沒有掛載
#mounted：實例掛載後
#beforeDestroy：實例銷燬以前
.過濾器filters
  表達式："|"，能夠串聯使用、能夠接收參數
  方法名：filters
  使用場景：字母所有大寫、貨幣千分位逗號分隔、時間格式化...
  實例：

var app = new Vue({
    el:'#xxx',
    data:{date: new Date()},
    filters:function(date){
        return date.getFullYear();
    }
});

.指令 用於操做dom

#v-if/v-html/v-pre/v-bind:href/v-bind:src/v-on:click/v-on:keyup

.語法糖
#v-bind 簡寫爲 :src
#v-on 簡寫爲 @click

.計算屬性 computed
  解決複雜表達式臃腫問題
  內置set、get方法
  依賴緩存（當依賴的數據發生變化時從新計算）
  區別methods：不依賴緩存（從新渲染就會調用）
.key屬性能夠使頁面dom不被複用
#vue出於對效率的考慮會盡量複用已有元素

.v-if與v-show
#v-if在條件爲真時纔開始渲染
#v-show不區分條件真假都會渲染 

.v-model
#.lazy:失去焦點或回車時觸發數據更新
#.number:數據類型爲number，默認類型是string
#.trim

.虛擬dom，render函數，createElement參數

render:function(createElement){
    return createElement(
        'div',--類型{String|Object|function}；標籤/組件/函數
        {
            class:{},
            style:{},
            attrs:{},    --正常dom屬性?
            props:{},    --組件屬性
            domProps:{},--dom屬性?
            on:{},
            nativeOn:{},--監聽原生事件
            directives:[{}],--自定義指令
            scopedSlots:{},--做用域
            slot:'',
            key:'',
            ref:''
          },    --
          'text'--類型{String|array}；可空；子節點，可支持一個或多個，
              如'hello'、'<div>...</div>'、嵌套虛擬節點createElement(...)
    )
}

注意：經過content傳遞對象

.jsx：解決虛擬節點難以閱讀的問題
 #語法相似html，實際上是javascript
 
 
 

----------如下是備註內容----------

.v-bind

#修飾符：
        .prop - 被用於綁定 DOM 屬性。
        .camel - (2.1.0+) 將 kebab-case 特性名轉換爲 camelCase.
        .sync (2.3.0+) 語法糖，會擴展成一個更新父組件綁定值的 v-on 偵聽器。
#用法：
        動態地綁定一個或多個特性，或一個組件 prop 到表達式。
        在綁定 class 或 style 特性時，支持其它類型的值，如數組或對象。
        在綁定 prop 時，prop 必須在子組件中聲明。能夠用修飾符指定不一樣的綁定類型。
        沒有參數時，能夠綁定到一個包含鍵值對的對象。
        注意此時 class 和 style 綁定不支持數組和對象。

.v-on

#參數：event
#修飾符：
        .stop - 調用 event.stopPropagation()。
        .prevent - 調用 event.preventDefault()。
        .capture - 添加事件偵聽器時使用 capture 模式。
        .self - 只當事件是從偵聽器綁定的元素自己觸發時才觸發回調。
        .{keyCode | keyAlias} - 只當事件是從特定鍵觸發時才觸發回調。
        .native - 監聽組件根元素的原生事件。
        .once - 只觸發一次回調。
        .left - (2.2.0) 只當點擊鼠標左鍵時觸發。
        .right - (2.2.0) 只當點擊鼠標右鍵時觸發。
        .middle - (2.2.0) 只當點擊鼠標中鍵時觸發。
        .passive - (2.3.0) 以 { passive: true } 模式添加偵聽器
#用法：
        綁定事件監聽器。事件類型由參數指定。表達式能夠是一個方法的名字或一個內聯語句，
    若是沒有修飾符也能夠省略。
        從 2.4.0 開始，v-on 一樣支持不帶參數綁定一個事件/監聽器鍵值對的對象。
    注意當使用對象語法時，是不支持任何修飾器的。
        用在普通元素上時，只能監聽 原生 DOM 事件。用在自定義元素組件上時，
    也能夠監聽子組件觸發的自定義事件。
        在監聽原生 DOM 事件時，方法以事件爲惟一的參數。若是使用內聯語句，
    語句能夠訪問一個 $event 屬性：v-on:click="handle('ok', $event)"。

 

【完】