vue项目使用elementui(vue中element)

注：业余时间学习，以此为记。
知识点1: 3360全局配置消息弹出提示，导入element.js中的消息组件，挂在原型链上到Vue。知识点2: 3360存储令牌信息，保存令牌信息。成功登录后，跳转到login () {this。$ refs . log in ref . validate(async valid={ if(！valid)return const { data : RES }=wait this。$http.post(‘login ‘，this . loginform)if(RES . meta . status！==200)还这个。$ message.error(‘登录失败！’)这个。$message.success(‘成功登录’)//1。成功登录后，将令牌保存在客户端的会话存储中。//1.1项目中还有其他API接口，登录后必须访问。//1.2 token应该只在当前网站打开期间生效，所以将token保存在session storage window . session storage . setitem(‘ token ‘，res.data.token)//2。通过程序化导航跳转到后台首页，路线的地址是/homethis。$ router.push (‘/home’)}}知识点：路由和导航卫士控制访问权限注3360如果用户未登录，直接通过链接访问特定页面，需要再次导航到登录页面。
挂起访问权限vue . use(router)constrator=routr . js中的新路由器({routes: [{path: ‘ ‘， ‘/log in ‘ }])//Step 1 3360挂载路由器. beforeeach ((to，from，next)={//到要访问的路径//from表示从哪个路径跳转//next是函数，表示release//next()release next(‘/log in ‘)强制跳转if (to。path==’/login ‘)return next()//get token const tokenstr=window . session storage . getitem(‘ token ‘)//如果不存在，强制跳转到/log in页面if(！tokenstr)return next(‘/log in ‘)//exists，然后release next()})导出默认路由器进行后续.Vue: elementUI知识点汇总00