vue2.0 配置 選項 屬性 方法 事件 ——速查
全局配置
silent 設置日誌與警告
optionMergeStrategies 合並策略
devtools 配置是否允許vue-devtools
errorHandler 錯誤追蹤
ignoredElements 忽略在Vue 之外的自定義元素。
keyCodes 自定義鍵位別名
productionTip 啟動時生成生產提示
全局API
Vue.extend(options) 創建構造器,參數是一個選項對象
Vue.nextTick([callback,context]) 在下次更新DOM 更新循環之後執行延遲回調
Vue.set(object,key,value) 設置對象的屬性
Vue.directive(id,[definition]) 註冊或獲取全局指令
Vue.filter(id,[definition]) 註冊或獲取全局過濾器
Vue.component(id,[definition]) 註冊或獲取全局組件
Vue.use(plugin) 安裝Vue.js 插件
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 元素作為組件模板之中的內容分發槽
vue2.0 配置 選項 屬性 方法 事件 ——速查