Tabbar切换效果（vant）

route 是否开启路由模式

<template>
  <div class="layout-page">
    
    <router-view>router-view>
    <van-tabbar route>
      <van-tabbar-item to="/home">
        首页
          
        <template #icon="{ active }">
            
          <cp-icon :name="`home-index-${active ? 'active' : 'default'}`" />
        template>
      van-tabbar-item>
      <van-tabbar-item to="/notify">
        消息
        <template #icon="{ active }">
          <cp-icon :name="`home-notice-${active ? 'active' : 'default'}`" />
        template>
      van-tabbar-item>
      <van-tabbar-item to="/user">
        我的
        <template #icon="{ active }">
          <cp-icon :name="`home-mine-${active ? 'active' : 'default'}`" />
        template>
      van-tabbar-item>
    van-tabbar>
  div>
template>