插槽多种变化使用

目的:在每一个页面加上头相当于这个页面是干嘛的,也就是所谓的路由。

首页看一个例子

这里我们在main.js中引入了mainHeader这个组件,然后到了某个页面我们不想在每一个页面都去渲染头发,出现标题。

我们将mainHeader组件写入加上一个v-slot,

父传子再传title

在mainHeader组件

我们完全可以通过props传给字数据,再看子组件mainHeader中的具体内容

这样每一个界面就会出现不同的头部title,加button.

猜你喜欢

转载自www.cnblogs.com/MDGE/p/10970441.html