我目前正在Vue.js开展一个项目，这是我第一次使用Webpack，Vue.js，Babel等完整的环境。
在之前的项目中，拥有导航栏非常简单。只需添加HTML结构，对链接进行硬编码就可以了，导航栏就完成了。现在使用Vue.js，我认为这会破坏组件的意义。我添加了<nav-bar> - 组件和多个<nav-bar-item> - 组件。这很有效，导航栏出现并包含项目。
现在解决实际问题：我现在在哪里为这些项目添加链接和文本？我的猜测是将它们放在<nav-bar> - 组件中，但是文本由<nav-bar-item>组件呈现，所以我必须将数据交给它。将它们直接放在<nav-bar-item> - 组件中是行不通的，因为该项目“不知道”它在整个站点中的含义。
这里最好的做法是什么？交出数据？创建全局配置？
谢谢！
答案 0 :(得分：1)
您可以做的是在父组件中定义初始数据，这将存储有关导航栏项目的信息。然后您可以使用道具https://vuejs.org/v2/guide/components.html#Props
迭代它们并为每个项目发送数据