在Vue和Naive UI中，动态生成menuOptions并传递参数到子组件的一种方法可能是使用Props或Emit事件。

首先，你需要定义一个数组来存储你的菜单项，比如这样：

data() {  
  return {  
    menuOptions: [  
      { label: 'Option 1', value: 'option1' },  
      { label: 'Option 2', value: 'option2' },  
      // 更多选项...  
    ]  
  }  
}  

然后，在你的模板中，你可以像这样使用v-for来动态生成Menu组件的子项：

<n-menu>  
  <n-menu-item v-for="(item, index) in menuOptions" :key="index" @click="$emit('select', item.value)">  
    {{ item.label }}  
  </n-menu-item>  
</n-menu>  

在这个例子中，当一个菜单项被点击时，会发出一个名为'select'的事件，并将选择的选项值作为参数传递出去。您可以在父组件中监听这个事件，并根据需要处理。

关于通过路由传递参数，你可以在你的路由配置中定义参数，然后在导航到新的路由时传递参数。例如：

// 在你的路由配置中定义参数  
{ path: '/your-path/:id', component: YourComponent }  
// 导航到新的路由并传递参数  
this.$router.push({ path: `/your-path/${item.value}` })  

在你的目标组件中，你可以通过this.$route.params.id访问到传递的参数。