vue2的傳參合集

2022-09-21 12:54:10 字數 546 閱讀 9760

1.基礎的父對子props傳參就不說了

2.使用內建的元件傳遞動態元件

3.子元件傳參到父元件

建議使用kebab-case的事件名

4.深層次的傳參(使用provide/inject)

(1)首先在孫元件中通過inject定義需要傳入的引數

export default

definecomponent(,

info:)}}}

(2)在祖父元件中通過provide傳入引數

export default definecomponent(})}

(3)在setup中使用provide

import  from 'vue';

setup()

import  from 'vue';

setup() ;

}

vue 2 元件之間傳值

對vue2版本的元件之間傳值的乙個簡單整合 父元件 子元件 props 和 refs props parent this.ref.helloworld.msg子元件 父元件 自定義事件 child this.emit send msg parent 兄弟元件 通過共同祖輩搭橋 par ent或 pa...

vue2新人入門

預設對webpack,sass,npm有一定的了解。一些vue指令不會說,反正官方文件有,我也懶得抄。一 超級基礎部分 1.全域性安裝 npm install globall vue cli 已全域性安裝了的不必安裝 2.建立乙個基於webpack的模板專案 vue init webpack 你的專...

Vue2學習筆記

v cloak v text v html v bind v on click.stop click.prevent click.capture click.self click.once v model.lazy trim number 或者通過vue的watch監聽來處理watch b func...