组件化 - vue.js中的组件高度定制

问题描述

问 题

如图想用vue实现一个有适合各种场景的定制化的导航栏组件。

想要实现的功能是三个部分left、center、right都可以自定义，可以是文字，按钮或者别的什么。

用react的时候发现组件都是可以通过props传下来的，到vue的时候发现是不行的。

那么该如何来实现这个需求呢？

像这种可以高度自定义的高复用性的组件一般是怎么写的？

能给个例子就更好啦，啊哈哈

——补充——

其实需求就是写一个放在页面头部的NavBar组件，结构如图，想要left、center、right三个部分是可以根据需要自定义的，可以是文字、button、下拉菜单等，因为需要在不同的页面中使用。我想问的是怎么实现

解决方案

不太清楚你具体要什么，也不清楚你对vue了解到什么程度，props是用来传值的。你写个子组件，父组件引用的时候可以通过props传值。

这篇关于组件化 - vue.js中的组件高度定制的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！