vue2e2_news后台管理笔记整理1

vue2新闻后台管理笔记整理

1、将一个项目搭建好。。。。。

2、将登陆界面当做打开的第一个页面：配置路由如下

##将需要引入的组件引入
export default[##记住这里是一个对象数组，多个对象写在一个数组内部
  {
    path:'/',
    redirect:'/login'
  },
  {
 	name:'login',
    path:'/login',
    component:Login
  }
]

3、这些准备好之后，我们需要想到的是下一步就是点击登录可以跳转到我们想要的页面，本项目将跳转到首页。下面有链接可以供参考做法：

vue-router 2.0 跳转之router.push()

vue 中 this.$router.push() 路由跳转传参 及 参数接收的方法

我们需要将用户名保存下来：本项目使用localStorage.setItem(‘name’,username)来保存，并用localStorage.getItem(‘name’)获取值