vue练习第二天

由于浏览器出了问题，导致今天进度处于龟速。
收获的知识是弹窗的设置，和登录成功后，路由跳转后台首页的操作。
另外还有就是链表数据结构的实现，稍后将在JS类型笔记中记录。

首先，是消息弹窗的设定

由于是全局引用的，不用像按需加载那样，去Vue的prototype上挂载$message了，直接在methods中的函数里就可直接调用。
message提示消息的样式可在element-ui官网中找到，以下为成功和失败的示例。

this.$message( {
message: ' 成功啦！',
type: ' success '
} )

this.$message( {
message: ' 登录失败！ ',
type: ' error '
} )
具体代码如下，对！今天还学习了怎么在简书中以代码块形式展现。而不是截图了.....

goLogin() {
  this.$refs.loginRef.validate( res => {
    if(res){
      request({
        url: '/admin/login',
        method: 'POST',
        data: {
          user_name: this.formData.user_name,
          password: this.formData.password
        }
      }).then(res => {
        console.log(res)
        if(res.status == 1) {
          this.$message({
            message: res.success,
            type: 'success'
          })
        }else if(res.status == 0) {
          this.$message({
            message: res.message,
            type: 'error'
          })
        } 
      })
    }
  })
}