<li><router-link to="/" active-class="activeee" exact>推薦</router-link></li>
<li><router-link to="/crazy" active-class="activeee">瘋狂折扣</router-link></li>
<li><router-link to="/fast" active-class="activeee">好物秒殺</router-link></li>
<li><router-link to="/ole" active-class="activeee">大牌精選</router-link></li>
<li><router-link to="/woman" active-class="activeee">女裝</router-link></li>

.activeee {
  color: #f10180 !important;
  font-weight: 700;
}

// 組件
import Text1 from './components/Text1'
import Text2 from './components/Text2'
import Text3 from './components/Text3'

// Vue中使用children實現(xiàn)路由的嵌套
          // 使用 children 屬性，實現(xiàn)子路由，同時，子路由的 path 前面，不要帶 / ，
          // 否則永遠以根路徑開始請求，這樣不方便我們用戶去理解URL地址
          children:[
            {
                path:'/',        //如果只寫 / 則說明默認打開一個頁面
                redirect:'text1'//默認指向頁面
            },
            {
              path: 'text1',
              component: Text1,
            },
            {
              path: 'text2',
              component: Text2,
            },
            {
              path: 'text3',
              component: Text3,
            }
          ]

	  <router-link to="/home/text1">
        <span>text1</span>
      </router-link> 
      <router-link to="/home/text2">
        <span>text2</span>
      </router-link> 
      <router-link to="/home/text3">
        <span>text3</span>
      </router-link> 
      <router-view></router-view>