vue 的全域性api:在構造器外部用vue提供給我們的api函式來定義新的功能
自定義的指令:
vue.directive('');自定義指令中傳遞的3個引數:
el:指令所繫結的元素,可以用來直接操作dom。
binding:乙個物件,包含指令的很多資訊。
vnode:vue編譯生成的虛擬節點
vue.directive('dmeo',function(el,binding,vnode));
data:,
自定義指令的生命週期:bind 只呼叫一次,指令第一次繫結到元素時呼叫,用這個鉤子函式可以定義乙個繫結時執行一次的初始化動作inserted 被繫結元素插入父節點時呼叫update 被繫結於元素所在的模板更新時呼叫,而無論繫結值是否變化。通過比較更新前後的繫結值,可以忽略不必要的模板更新componentupdated:被繫結元素所在模板完成一次更新週期時呼叫。unbind:只呼叫一次,指令與元素解綁時呼叫解綁:
解綁function unbind()
bind:function(),
inserted:function(),
update:function(),
componentupdated:function(),
unbind:function()}",
data:function()
}
});
console.log(new authorextend());
new authorextend().$mount('author');
//在構造器外部宣告資料
var outdate=;
在外部改變資料的三種方法:
操作外部資料
1.用vue.set改變function add()
2.用vue物件的方法新增:
3.直接操作外部資料outdata.count++;
vue一共有10個生命週期函式,我們可以利用這些函式在vue的每個階段都進行運算元據或者改變內容。
1、在構造器裡面直接建模版template:`我是選項模板`
2.在標籤裡面建模版
3.使用script標籤寫模板,可以外部引入
data:,
template:'#demo3'
})html裡面不存在的標籤全域性的定義元件:
vue.component('jspang',)
注意:我們在js裡註冊乙個元件,在html中呼叫它,這就是乙個簡單的乙個元件的編寫方法,並且它可以放到多個構造器的作用域裡面區域性的定義元件:
在構造器裡面定義
components:}})
注意:在構造器裡的components是加s的,而全域性註冊是不加s的元件和指令有什麼區別:元件註冊的是乙個標籤,而指令註冊的是已有標籤裡的乙個屬性,在實際開發中我們還是用元件比較多,指令用的比較少,因為指令看起來封裝的沒那麼好
1.定義屬性我們需要用到props選項,加上陣列形式的屬性名稱
compoents:}`,props:['here']}}})
2.屬性中帶'-' 的處理方式:使用小駝峰值進行換掉
3.在構造器裡向元件中傳值v-bind:***x
例子:data:,
components:}`
//這裡面的props後面跟的是陣列
props:['here']}}
})1、構造器外部寫區域性註冊元件
var pandacomponent=
//構造器
components:
})2.父子元件的巢狀var city=
var pandacomponent= }
//構造器
})vue2.0_component_4
var componenta=
var componentb=
var componentc=
data:,
components:,
methods:else if(this.who=='componentb')else
}
} })
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的全域性api
什麼是全域性api 全域性api並不在構造器裡,而是先宣告全域性變數或者直接在vue上定義一些新功能,vue內建了一些全域性api,說的簡單些就是,在構造器外部用vue提供給我們的api函式來定義新的功能。當然對應得也有區域性的,只在當前的例項中可以用,比如區域性過濾器。vue.directive自...
VUE 幾個常用的全域性API
1.extend vue.extend options options 建立元件的建構函式為了復用 通過vue.extend 原始碼分析下來,extend 是擴充套件繼承了父類的屬性,方法 深度複製 擴充套件父類規則 子元件和父元件的生命週期事件會合併在乙個陣列裡。父元件在前子元件在後。子元件和父元...