vue 手写简单菜单栏

    <template>
      <div class="index">
    <!-- menuBar -->
    <div class="menubar">
      <ul>
        <li @click="bar = 1" :class="{ active: bar == 1 }">全部</li>
        <li @click="bar = 2" :class="{ active: bar == 2 }">读城</li>
        <li @click="bar = 3" :class="{ active: bar == 3 }">创新</li>
        <li @click="bar = 4" :class="{ active: bar == 4 }">汇聚</li>
        <li @click="bar = 5" :class="{ active: bar == 5 }">栖居</li>
      </ul>
    </div>
    <div