1. 程式人生 > >vue2.0 配置 選項 屬性 方法 事件 ——速查

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

全局組 避免 temp ... 插件 text ext sil 銷毀

全局配置

              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             元素作為組件模板之中的內容分發槽

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