手摸手vue后台管理系统（一）知识点梳理

我一直觉得看别人的代码收货最大就是能知道用另一种方式来实现同一种效果，而且往往别人的方法更加简洁和独到，可以通过各种简写来实现少写代码（偷懒）的效果，以提高代码效率。下面废话不多说，直接上干货。比较常见的知识点我就不提了，只列我自己比较生疏和陌生的技巧。新手知识点归纳，大佬轻喷

&巧用

<div class="bullshit">  
    <div class="bullshit__headline">{
  { message }}</div>  
    <div class="bullshit__info">请确保您的URL地址填写正确,或者点击下方按钮返回首页</div>  
    <a href="" class="bullshit__return-home">返回首页</a>
</div>

上面我们可以用&和sass配合使用来拓展父类class简写类名

.bullshit{
    width:300px;
    padding:30px 0;
    &__headline{
        font-size:20px;
        line-height:24px;
    }
}

路由重定向

我们会遇到用户输入项目中未定义的页面路由，此时我们需要利用route中的redirect将其重定向到404路由

这段代码要放在route的最后面，在找不到上面其他路由的情况下才会重定向。

{// 其他任何不存在的路由地址全都重定向到404  
    path: '*&