context參數(shù)有什么作用

本篇內(nèi)容主要講解“context參數(shù)有什么作用”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“context參數(shù)有什么作用”吧!

　　由官方文檔可知:context參數(shù)如下:一個(gè)包含了所有父組件為當(dāng)前組件注冊(cè)的事件監(jiān)聽器的對(duì)象。這是data.on的一個(gè)別名。

　　context參數(shù)怎樣

　　props：提供所有prop的對(duì)象

　　children:VNode子節(jié)點(diǎn)的數(shù)組

　　slots:一個(gè)函數(shù)，返回了包含所有插槽的對(duì)象

　　scopedSlots:(2.6.0+)一個(gè)暴露傳入的作用域插槽的對(duì)象。也以函數(shù)形式暴露普通插槽。

　　data：傳遞給組件的整個(gè)數(shù)據(jù)對(duì)象，作為createElement的第二個(gè)參數(shù)傳入組件

　　parent：對(duì)父組件的引用

　　listeners:(2.3.0+)

　　injections:(2.3.0+)如果使用了inject選項(xiàng)，則該對(duì)象包含了應(yīng)當(dāng)被注入的屬性。

　　context參數(shù)使用函數(shù)式組件

　　<template>

　　<divclass="home">

　　<func-button>

　　hellobutton

　　</func-button>

　　</div>

　　</template>

　　<script>

　　importFuncButtonfrom'../function-components/func-button'

　　exportdefault{

　　name:'home',

　　components:{

　　FuncButton

　　}

　　}

　　</script>

　　(數(shù)組|String)，我們可以讓父組件去控制組件的button按鈕內(nèi)容,改寫如下:

　　//exportdefault{

　　//name:'functional-button',

　　//functional:true,

　　//render(h,context){

　　//returnh('button','按鈕1號(hào)')

　　//}

　　//}

　　exportdefault{

　　name:'funtional-button',

　　functional:true,

　　render(h,{children}){

　　returnh('button',children)

　　}

　　}

到此，相信大家對(duì)“context參數(shù)有什么作用”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！