注册界面:手机、个人详情、密码共用一个界面的顶部时:子组件应该是重复最多的界面。
子组件(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
共用一个顶部,只需修改顶部内一些内容。