vue 的全域性API

2021-08-07 14:10:25 字數 2103 閱讀 1711

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 是擴充套件繼承了父類的屬性,方法 深度複製 擴充套件父類規則 子元件和父元件的生命週期事件會合併在乙個陣列裡。父元件在前子元件在後。子元件和父元...