首頁  >  文章  >  web前端  >  總結vue2.0 配置的實例方法

總結vue2.0 配置的實例方法

PHP中文网
PHP中文网原創
2017-06-21 11:10:121495瀏覽

全域設定

              silent        silent            合併策略
                devtools         devtools              errorHandler         錯誤追蹤
          〠 Vue 以外的自訂元素。
                   keyCodes         。

         Vue.extend(options)             〠         在下次更新DOM 更新循環之後執行延遲回呼
                                   Vue.set(object, key,value)             設定物件的屬性
      Vue.delete(object,key)     Vue.delete(object,key)     Vue.delete(object,key)   物件的屬性 〠         Vue.directive(id,[definition])          註冊或取得全域指令

       註冊或取得全域指令#.m [definition])          註冊或取得全域過濾器

           Vue.component(id,[def]               Vue.use(plugin)          安裝Vue.js 插件

】 )          全域混合

          Vue.compile(template)   #  /資料              data             Vue                 、
              props   ​​                       接收來自父組件的數據
             propsData             只用於new創建的實例中
              computed             計算屬性
            methods           方法與事件處理
              watch           實例方法

 


選項/DOM

               el            DOM元素作為

           template              字符串模板

            render              字符串模板的替代方案 


選項/生命週期鉤子

          beforeCreate           在實例初始化之後,資料觀測 與事件配置之前調用    在實例初始化之後,資料觀測 與事件配置之前就調用                  created           實例創建完成之後被呼叫
           被呼叫
             mounted               掛載         掛載到實例上之後再去到實例上之後再去到實例上鉤子
            beforeUpdate                        資料更新之後調用該鉤子
         #             deactivated                                                 實例在移除之前呼叫
                                         實例銷毀之後調用

 

選項/ 資源

#            dirctives    〠     dirctives        實例可用指令的雜湊表

             filters Vue             components                  vues       組件和雜 
            parent                 mixins                 選項接受一個混合物件的陣列
                  name                       extends                          允許聲明          改變純文本插入分隔符
          〠functional        

實例屬性           vm.$data        實例觀察到的資料物件
            vm.$el              
             vm. $options                用於目前Vue實例的初始化選項
          父實例,如果目前實例有的話
                        〠 Vue實例
              vm.$children                                直接子組件
                           vm.$slots               vm.$scopedSlots              用來訪問sco〠  vm.$refs             一個對象,其中包含了所有擁有ref 註冊的子元件

          vm.$isServer                                       〔         

     vm.$watch(expOrFn,callback,[options])         觀察Vue 實例變化的一個表達式  〠〠    vm.$set(object,key,value)         這是全域Vue.set 的別名
             vm.$delete(object,key)         這是全域事件是全域事件#Vue##del
del

del

del

Hue.##del##.#del##.#del

Hue.#.#.D.#.             vm.on(event, callback)         監聽當前實例上的自訂事件             一次                             vm.$off〠器
             vm.$emit(event,[...args])                       v-text                     元素更新元素的文字內容
                   v-html         v-html                         v-show          〔             假冒屬性根據表達式之真。
                     v-if                   v-else            v-else           n 新增v-ifse 為v-ifse 新增-if-
                   v-for         v-for                      v-on             縮寫器@,綁定事件監聽器,事件類型參數。

                   v-bind             縮寫: 動態的綁定一個或多個特性

                   v-model             在表單控件或者組件上創建雙向數據綁定

                  v-pre             跳過這個元素和它的子元素的編譯過程

                  v-cloak                       v-once                      #               key            key                  ref            被用來給元素或子組件註冊引用資訊           用來標記在哪個slot中插入子元件的內容




#內建的元件

          component                               transition             元素作為單一元素或組件的過度效果
       組件的過度效果
            keep-alive                 slot             元素作為組件模板之中的內容分發槽

以上是總結vue2.0 配置的實例方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn