学习vue组件之间的跳转

写好子组件模板以后在父组件模板中通过@click=‘componentName=‘子组件名字’’,定义跳转的子组件,
在通过component 中的:is=‘cpmponentName’属性来渲染要显示的子组件。


学习vue组件之间的跳转_第1张图片
2J0GYLBHZFEA`D~I1CUB{M7.png

js部分要给个默认跳转的子组件,



学习vue组件之间的跳转_第2张图片
image.png

模板中的data数据是一个方法, 通过return一个json对象的方式,使用里面的值。

你可能感兴趣的:(学习vue组件之间的跳转)