vue筆記摘抄
摘自vue.js官網
vue.extend
vue.nexttick
vue.filter
vue.component
vue.use
用法：使用基礎 vue 構造器，建立乙個「子類」。引數是乙個包含元件選項的物件。
data選項是特例，需要注意 - 在vue.extend()中它必須是函式
<div
id="mount-point"
>
div>
// 建立構造器
var profile = vue.extend(} } aka }
p>
', data: function ()
}})// 建立 profile 例項，並掛載到乙個元素上。
new profile().$mount('#mount-point')
結果如下：
<p>walter white aka heisenberg
p>
用法：在下次 dom 更新迴圈結束之後執行延遲**。在修改資料之後立即使用這個方法，獲取更新後的 dom。
// 修改資料vm.msg = 'hello'
// dom 還沒有更新
vue.nexttick(function () )
// 作為乙個 promise 使用 (2.1.0 起新增，詳見接下來的提示)
vue.nexttick()
.then(function () )
2.1.0 起新增：如果沒有提供**且在支援 promise 的環境中，則返回乙個 promise。請注意 vue 不自帶 promise 的 polyfill，所以如果你的目標瀏覽器不原生支援 promise (ie：你們都看我幹嘛)，你得自己提供 polyfill。
用法：註冊或獲取全域性過濾器。
// 註冊vue.filter('my-filter', function (value) )
// getter，返回已註冊的過濾器
var myfilter = vue.filter('my-filter')
用法：註冊或獲取全域性元件。註冊還會自動使用給定的id設定元件的名稱
// 註冊元件，傳入乙個擴充套件過的構造器vue.component('my-component', vue.extend())
// 註冊元件，傳入乙個選項物件 (自動呼叫 vue.extend)
vue.component('my-component', )
// 獲取註冊的元件 (始終返回構造器)
var mycomponent = vue.component('my-component')
用法：安裝 vue.js 外掛程式。如果外掛程式是乙個物件，必須提供install方法。如果外掛程式是乙個函式，它會被作為 install 方法。install 方法呼叫時，會將 vue 作為引數傳入。
該方法需要在呼叫new vue()之前被呼叫。
當 install 方法被同乙個外掛程式多次呼叫，外掛程式將只會被安裝一次。
vue 的全域性API
vue 的全域性api 在構造器外部用vue提供給我們的api函式來定義新的功能 自定義的指令 vue.directive 自定義指令中傳遞的3個引數 el 指令所繫結的元素，可以用來直接操作dom。binding 乙個物件，包含指令的很多資訊。vnode vue編譯生成的虛擬節點 vue.dire...
vue的全域性api
vue.extend vue基本構造器 vue.nexttick 非同步重新整理佇列 vue.set 全域性設定響應資料必須要放入data const a vue.set a,b 2 data vue.delete 全域性刪除 基於物件採用object.assign 與陣列vue.set vue.d...
vue中幾個我常用的全域性API
在使用vue框架做前端開發時，時長會對資料做些動態處理，以下是我最常用的幾個vue全域性api 1.vue.set 為物件新增屬性 官方解釋 向響應式物件中新增乙個屬性，並確保這個新屬性同樣是響應式的，且觸發檢視更新。它必須用於向響應式物件上新增新屬性，因為 vue 無法探測普通的新增屬性 使用方式...