Vue--全局API

• 全局 API
  • Vue.extend
  • Vue.nextTick
  • Vue.set
  • Vue.delete
  • Vue.directive
  • Vue.filter
  • Vue.component
  • Vue.use
  • Vue.mixin
  • Vue.compile
  • Vue.version

Vue.extend( options )

• 參數：

  • {Object} options

• 用法：

  使用基礎 Vue 構造器，建立一個「子類」。參數是一個包含組件選項的對象。

<div id="mount-point"></div>
// 建立構造器
var Profile = Vue.extend({
  template: '<p>{{firstName}} {{lastName}} aka {{alias}}</p>',
  data: function () {
    return {
      firstName: 'Walter',
      lastName: 'White',
      alias: 'Heisenberg'
    }
  }
})
// 建立 Profile 實例，並掛載到一個元素上。
new Profile().$mount('#mount-point')

 

Vue.nextTick( [callback, context] )

• 參數：

  • {Function} [callback]
  • {Object} [context]

• 用法：

  在下次 DOM 更新循環結束以後執行延遲迴調。在修改數據以後當即使用這個方法，獲取更新後的 DOM。

Vue.set( target, key, value )

• 參數：

  • {Object | Array} target
  • {string | number} key
  • {any} value

• 返回值：設置的值。

• 用法：

  設置對象的屬性。若是對象是響應式的，確保屬性被建立後也是響應式的，同時觸發視圖更新。這個方法主要用於避開 Vue 不能檢測屬性被添加的限制。

Vue.delete( target, key )

• 參數：

  • {Object | Array} target
  • {string | number} key/index

  僅在 2.2.0+ 版本中支持 Array + index 用法。

• 用法：

  刪除對象的屬性。若是對象是響應式的，確保刪除能觸發更新視圖。這個方法主要用於避開 Vue 不能檢測到屬性被刪除的限制，可是你應該不多會使用它。

Vue.directive( id, [definition] )

• 參數：

  • {string} id
  • {Function | Object} [definition]

• 用法：

  註冊或獲取全局指令。

Vue.component( id, [definition] )

• 參數：

  • {string} id
  • {Function | Object} [definition]

• 用法：

  註冊或獲取全局組件。註冊還會自動使用給定的id設置組件的名稱

Vue.use( plugin )

• 參數：

  • {Object | Function} plugin

• 用法：

  安裝 Vue.js 插件。若是插件是一個對象，必須提供 install 方法。若是插件是一個函數，它會被做爲 install 方法。install 方法將被做爲 Vue 的參數調用。

  當 install 方法被同一個插件屢次調用，插件將只會被安裝一次。

Vue.mixin( mixin )

• 參數：

  • {Object} mixin

• 用法：

  全局註冊一個混合，影響註冊以後全部建立的每一個 Vue 實例。插件做者能夠使用混合，向組件注入自定義的行爲。不推薦在應用代碼中使用。

Vue.compile( template )

• 參數：

  • {string} template

• 用法：

  在 render 函數中編譯模板字符串。只在獨立構建時有效

Vue.version

• 細節：提供字符串形式的 Vue 安裝版本號。這對社區的插件和組件來講很是有用，你能夠根據不一樣的版本號採起不一樣的策略。