vue2.0 配置 選項 屬性 方法 事件 ——速查

全局配置

　　　　　　　　　　　　　　silent 　　　　　　 設置日誌與警告
　　　　　　 optionMergeStrategies 　　　　　　 合併策略
　　　　　　　　　　　　  devtools 　　　　　　  配置是否容許vue-devtools
　　　　　　　　　　  errorHandler 　　　　　　  錯誤追蹤
　　　　　　　　  ignoredElements 　　　　　　  忽略在Vue 以外的自定義元素。
　　　　　　　　　         keyCodes 　　　　　　  自定義鍵位別名
　　　　　　　　　　 performance                        在瀏覽器中啓用對組件初始化
　　　　　　　　　    productionTip 　　　　　　 啓動時生成生產提示

 

全局API
　　　　　　　Vue.extend(options) 　　　　　　    　　建立構造器，參數是一個選項對象
　　Vue.nextTick([callback,context]) 　　　　　　　　    在下次更新DOM 更新循環以後執行延遲迴調
　　　　   Vue.set(object,key,value) 　　　　　　　　    設置對象的屬性
　　　　　　Vue.delete(object,key) 　　　　　　　　　 刪除對象的屬性
　　　　Vue.directive(id,[definition]) 　　　　　　　　　註冊或獲取全局指令
　　　　　　Vue.filter(id,[definition]) 　　　　　　　　　註冊或獲取全局過濾器
　　　Vue.component(id,[definition]) 　　　　　　　　   註冊或獲取全局組件
　　　　　　　　　 Vue.use(plugin) 　　　　　　　　　安裝Vue.js 插件
　　　　　　　　　 Vue.mixin(mixin) 　　　　　　　　　全局混合
　　　　　　  Vue.compile(template) 　　　　　　　　   在render函數中編譯模板字符串

 

選項/數據
　　　　　　　　　　　　data Vue　　　　　　　　　　 實例的數據對象
　　　　　　　　　　　　　 props                     　　　　 接收來自父組件的數據
　　　　　　　　　　　 propsData 　　　　　　　　　   只用於new建立的實例中
　　　　　　　　　　　  computed 　　　　　　　　　   計算屬性
　　　　　　　　　　　　methods 　　　　　　　　　　方法與事件處理
　　　　　　　　　　　　　 watch 　　　　　　　　　　實例方法

 

選項/DOM
　　　　　　　　　　　　　　el 　　　　　　　　　　　DOM元素做爲
　　　　　　　　　　　template 　　　　　　　　　　   字符串模板
　　　　　　　　　　　　render 　　　　　　　　　　   字符串模板的替代方案

 

選項 /生命週期鉤子

　　　　　　　　　　beforeCreate 　　　　　　　　　　在實例初始化以後，數據觀測和事件配置以前調用
　　　　　　　　　　　　  created 　　　　　　　　　　實例建立完成以後被調用
　　　　　　　　　　 beforeMount 　　　　　　　　　　在掛載開始以前被調用
　　　　　　　　　　　　mounted 　　　　　　　　　　 掛載到實例上以後再去調用鉤子
　　　　　　　　　   beforeUpdate 　　　　　　　　　　 數據更新時調用
　　　　　　　　　　　　updated 　　　　　　　　　　  數據更新以後調用該鉤子
　　　　　　　　　　　  activated 　　　　　　　　　　  組件激活時調用
　　　　　　　　　　  deactivated 　　　　　　　　　　  組件停用時調用
　　　　　　　　    beforeDestroy                                       實例銷燬以前調用
　　　　　　　　    destroyed Vue                                       實例銷燬以後調用

 

選項 / 資源
　　　　　　　　　　dirctives Vue 　　　　　　　　　　    實例可用指令的的哈希表
　　　　　　　　　　　 filters Vue 　　　　　　　　　　    實例可用過濾器的哈希表
　　　　　　　   components vues　　　　　　　　　　　 實例可用組件的哈希表

 

選項/雜項
　　　　　　　　　　　　parent 　　　　　　　　　　　　  指定已建立的實例之父實例
　　　　　　　　　　　　 mixins 　　　　　　　　　　　     選項接受一個混合對象的數組
　　　　　　　　　　　     name 　　　　　　　　　　　　  容許組件模板遞歸的調用自身
　　　　　　　　　　     extends 　　　　　　　　　　　　  容許聲明擴展另外一個組件
　　　　　　　　　　  delimiters　　　　　　　　　　　　　改變純文本插入分隔符
　　　　　　　　　　  functional 　　　　　　　　　　　　  是組建無狀態和無實例

 

實例屬性
　　　　　　　　　　vm.$data Vue　　　　　　　　　　　　實例觀察的數據對象
　　　　　　　　　　　 vm.$el Vue 　　　　　　　　　　　  實例使用的根DOM 元素
　　　　　　　　　　   vm.$options 　　　　　　　　　　     用於當前Vue實例的初始化選項
　　　　　　　　　　    vm.$parent 　　　　　　　　　　　  父實例，若是當前實例有的話
　　　　　　　　　　　　 vm.$root 　　　　　　　　　　　  當前組件樹的根Vue實例
　　　　　　　　　　  vm.$children　　　　　　　　　　      當前實例的直接子組件
　　　　　　                     vm.$slots 　　　　　　　　　　　  用來訪問被slot 分發的內容
　　　　　　　　  vm.$scopedSlots 　　　　　　　　　　　  用來訪問scoped slots.
　　　　　　　　　　　　vm.$refs 　　　　　　　　　　　　一個對象，其中包含了全部擁有ref 註冊的子組件
　　　　　　　　　　vm.$isServer 　　　　　　　　　　　　當前Vue實例是否運行於服務器

 

實例方法/數據

　　　　　vm.$watch(expOrFn,callback,[options]) 　　　　　　　　觀察Vue 實例變化的一個表達式或計算屬性
　　　　　　　　　　　vm.$set(object,key,value) 　　　　　　　　這是全局Vue.set 的別名
　　　　　　　　　　　　 vm.$delete(object,key) 　　　　　　　　這是全局 Vue.delete 的別名

 

實例方法/事件
　　　　　　　　　　　　  vm.on(event,callback) 　　　　　　　　監聽當前實例上的自定義事件
　　　　　　　　　　　vm.$once(event,callback) 　　　　　　　   監聽一個自定義事件，但只觸發一次
　　　　　　　　　　　  vm.$off([event,callback]) 　　　　　　　   移除事件監聽器
　　　　　　　　　　　  vm.$emit(event,[...args]) 　　　　　　　　觸發實例上的事件

 

指令
　　　　　　　　　　　　　　　　　　v-text 　　　　　　　　　　更新元素的文本內容
　　　　　　　　　　　　　　　　　  v-html　　　　　　　　　　  更新元素的innerHTML
　　　　　　　　　　　　　　　　    v-show  　　　　　　　　　　根據表達式之真假值，切換元素display css屬性。
　　　　　　　　　　　　　　　　　　   v-if 　　　　　　　　　     根據表達式的真假條件渲染元素
　　　　　　　　　　　　　　　　　  v-else 　　　　　　　　　　 爲v-if 或者v-else-if 添加else塊。
　　　　　　　　　　　　　　　　　　 v-for 　　　　　　　　　　 基於源數據屢次渲染元素活模板塊
　　　　　　　　　　　　　　　　　　 v-on 　　　　　　　　　　  縮寫@，綁定事件監聽器，事件類型由參數指定。
　　　　　　　　　　　　　　　　　  v-bind 　　　　　　　　　　  縮寫 ： 動態的綁定一個或多個特性
　　　　　　　　　　　　　　　　   v-model 　　　　　　　　　　  在表單控件或者組件上建立雙向數據綁定
　　　　　　　　　　　　　　　　　　v-pre 　　　　　　　　　　  跳過這個元素和它的子元素的編譯過程
　　　　　　　　　　　　　　　　　 v-cloak 　　　　　　　　　　  這個指令保持在元素上直到關聯實例編譯結束
　　　　　　　　　　　　　　　　　 v-once 　　 　　　　　　　　 只渲染元素和組件一次

 

特殊屬性
　　　　　　　　　　　　　　key 　　　　　　　　　　 主要用於vue的虛擬DOM 算法
　　　　　　　　　　　　　　 ref 　　　　　　　　　　 被用來給元素或子組件註冊引用信息
　　　　　　　　　　　　　   slot 　　　　　　　　　　  用於標記往哪一個slot中插入子組件的內容

 

內置 的組件 　　　　　　　　　　component 　　　　　　　　　　 渲染一個元素爲動態組件 　　　　　　　　　　  transition 　　　　　　　　　　  元素做爲單個元素或組件的過分效果 　　　　　　　  transition-group 　　　　　　　　　　  元素做爲多個元素/組件的過分效果 　　　　　　　　　   keep-alive 　　　　　　　　　　   主要用於保留組件狀態或者避免重複渲染 　　　　　　　　　　　　  slot 　　　　　　　　　　　 元素做爲組件模板之中的內容分發槽