VueRouter的active-class，exact，exact-active-class三个属性的使用

 <router-link to="/news">唐诗</router-link>
    <router-link to="/news/exact/test" >test唐诗</router-link>
    <router-link to="/" exact>
      导航
    </router-link>
    <router-link to="/news/exact" >exact唐诗</router-link>
    <router-view/>

1. 当点击 exact唐诗时
   
   此时自身有两个class属性 自身路径的自己也就是包含的路径有"/"和"/base/new"被赋予一个class属性
   而"/base/news/exact/test"没有class属性 因为他不是点击组件路径的子集
2. 设置exact属性

   <router-link to="/news" exact>唐诗</router-link>
       <router-link to="/news/exact/test" >test唐诗</router-link>
       <router-link to="/" >
         导航
       </router-link>
       <router-link to="/news/exact" >exact唐诗</router-link>
       <router-view/>

   
   
   给唐诗设置属性exact，此时点击exact唐诗的时候 其不会被赋予class属性 
3. active-class和exact-active-class会修改默认class的名称