1. 程式人生 > >父元件傳給元件(多個父元件傳給一個子元件)props——元件通訊

父元件傳給元件(多個父元件傳給一個子元件)props——元件通訊

註冊介面:手機、個人詳情、密碼共用一個介面的頂部時:子元件應該是重複最多的介面。

子元件(register_title):在script中,加上

props: ['step'],{{step}}(可選是否顯示)

父元件1:

1、匯入子元件:

import RegisterTitle from './register_title';

2、在data中加入step:1

3、加上

components:{
    'register-title':RegisterTitle
},

4、

<register-title v-bind:step="step"></register-title>

元件2、3如元件1一致,只是將step:2、step:3

而子元件中,可以用v-bind進行判斷,step=1/2/3

共用一個頂部,只需修改頂部內一些內容。