new Router({

// 路由激活添加属性

linkActiveClass: 'styleName'

})

其他 阿达大

router中LinkActiveClass属性若打开则可动态根据链接是否被点击/激活为其绑定class="router-link-exact-active active"的类，配合在<style>中为a标签新增&.active { color:#fff;  background:#42b983} 为被激活的链接展示底色

把注册的密码保存起来，与登陆界面的用户名和密码对比，不一样弹框警告；一样的话，跳转到首页。

<style scoped lang="scss">
.footer{display:flex;flex-flow:row nowrap; 
justify-content:space-around;}

.icons{flex:1; 
  a {
  color:#42b983;
  display:block;
      &.acive{
      color:#fff;
      background:#42b983;
      }
     }
  }

将数据存入浏览器本地缓存中localStorage.setItem('key',value)

在控制台输入localStorage即可查看当前的localStorage中存储的值

localStorage.clear()清空localStorage中存储的数据

localStorage.getItem('key')取得localStorage中的键名为key的值

在vue组件中使用scss方式书写css，需要在style标签中将lang属性的值设置为scss

scss书写方式可以在选择器内部直接加入选择器

vue组件中使用linkActiveClass来管理路由link的选中状态，写法为{'linkActiveClass':'active'}，表示路由link被选中状态的时候class为active

在sass语法中，在选择器内部使用&符号代表父级选择器

Scss的继承属性&.active

Vue 点击激活属性：linkActiveClass:'active',

Vue登录注册保存数据localStorage.setItem

这个还是适合有一定基础的人学，里面涉及到本地session，涉及到$router改变url。