VUE3.0页面内插入组件使用

当一个页面需要用到tab栏切换数据内容的时候 如果需要切换的数据特别多 像分页列表这种的话 我们可以使用组件 一个组件代表一个tab栏的内容。

1. 先要引入组件的名字

import information from '../components/information';

2. 使用组件

<component :is="currentTab"></component>

is属性 去绑定 你引入组件的名字  如果你引入多个组件 那么就可以灵活的去改变 currentTab的值 

如果是想父组件给子组件传值的话 那么操作如下

1. 首先你的父组件要引入子组件

import detail from '../components/invatationDetail';

页面 也要使用组件 
<component :is="detail" :data="singaleData"></component>

:data 属性就是你需要传的值

2. 子组件如何接受呢。

props:['data']  这样去引入就可以啦～

子组件如何给父组件传还没有做到相关的内容 还没有时间研究 如果后面有运用到 会更新此帖的。