is 是组件的一个属性,用来展示组件的名称
is和component联用哈
vue提供了component来展示对应的组件名称
compont是一个占位符,is这个属性,用来展示对应的组件名称
三个子组件
我是登录组件
我是注册组件
遇见问题
##在某个页面中使用组件##
登录
注册
遇见问题
import login from "../../components/logincom/login";
import resgister from "../../components/logincom/register";
import mett from "../../components/logincom/mett";
export default {
data() {
return {
comName: "login"
};
},
components: {
resgister,
login,
mett
}
};
.box {
display: flex;
}
.link-a {
width: 80px;
height: 40px;
text-align: center;
line-height: 40px;
background: pink;
margin-left: 20px;
}
可以向tab栏一样去切换组件哈