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

全局配置css

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

 

全局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函數中編譯模板字符串vue

 

選項/數據
            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             元素做爲組件模板之中的內容分發槽

相關文章
相關標籤/搜索