iview如何使用组件导航菜单

要在 iView 中使用组件导航菜单，你可以按照以下步骤进行：

1. 首先，你需要安装 iView。你可以通过 npm 安装 iView：

npm install iview --save

2. 在你的项目中引入 iView 组件和样式：

import Vue from 'vue';
import iView from 'iview';
import 'iview/dist/styles/iview.css';

Vue.use(iView);

3. 然后，在你的 Vue 组件中使用 `Menu` 组件创建菜单，并添加 `Menu-Item` 或 `Submenu` 组件作为子菜单：

<template>
  <Menu :theme="theme" :active-name="activeName" :open-names="openNames" @on-select="handleSelect">
    <Menu-Item name="1">
      <Icon type="ios-navigate"></Icon>
      <span slot="title">导航一</span>
    </Menu-Item>
    <Submenu name="2">
      <template slot="title">
        <Icon type="ios-keypad"></Icon>
        <span>导航二</span>
      </template>
      <Menu-Item name="2-1">选项1</Menu-Item>
      <Menu-Item name="2-2">选项2</Menu-Item>
      <Menu-Item name="2-3">选项3</Menu-Item>
    </Submenu>
  </Menu>
</template>

4. 在你的 Vue 组件中添加 `activeName` 和 `openNames` 这两个属性，并在 `handleSelect` 方法中更新这两个属性的值：

<script>
export default {
  data() {
    return {
      theme: 'dark',
      activeName: '1',
      openNames: []
    }
  },
  methods: {
    handleSelect(name) {
      this.activeName = name;
    }
  }
}
</script>

这样，你就可以使用 iView 的组件导航菜单了。