vue 3 0 元件之間的方法的相互呼叫

2021-10-09 04:01:51 字數 1078 閱讀 6011

給子元件新增 ref 屬性

通過 this.$refs.屬性名.子元件的函式名 即可觸發子元件的函式

子元件通過 ==this.$emit(函式名,引數)== 觸發父元件的方法。
子元件1中父元件的方法(this.$emit(函式名,引數));

通過父元件去觸發子元件2的方法(參考:父元件呼叫子元件的方法)

示例**如下

// 父元件

"getusermanagelistpage" ref=

"child"

/>

"getothercompentmethod"

>

"getchildmethod"

>呼叫子元件的方法<

/span>

<

/div>

<

/template>

@component(}

)private

getusermanagelistpage()

// 觸發子元件的方法

private

getchildmethod()

// 觸發兄弟元件的方法

private

getothercompentmethod()

<

/script>

// 子元件1

"parentmethod"

>呼叫父元件的方法<

/span>

<

/div>

<

/template>

private

parentmethod()

private

childmethod()

<

/script>

// 子元件 2

"getbrothermethod"

>呼叫子元件1中的方法<

/span>

<

/div>

<

/template>

private

getbrothermethod()

<

/script>

vue3 0元件開發並發布npm

本文基於vue3.0進行元件開發並發布。cmd 中 vue create plugin test 進行建立 建立目錄plugin使用者存放元件,新建plugintest檔案用於存放plugintest外掛程式,資料夾中包含兩個檔案 為元件提供 install 安裝方法,供按需引入 import pl...

Vue 3 0元件庫初始化

該專案使用rollup.js進行打包 新建乙個空資料夾後,進入進行專案初始化 npm init y全域性安裝rollup.js npm i rollup g建立.babelrc 檔案後 安裝 babel preset env package.json檔案 keywords author 奕初 lic...

Vue3 0系列(Vue3 0是如何變快的 )

來說一說為什麼performance 效能比vue 2.x快1.2 2倍 這裡先提供兩個 2.1 diff演算法優化 例子 我是段落 也就是說,vue3在渲染的時候,給會改變的元素新增了靜態標記 import from vue export function render ctx,cache,pro...