复习vue笔记第一天

element-ui

路由占位符

重定向 path:/ redirect:

在element-ui组件中添加硬prefix-icon=“iconfont icon-user” ·可以设置文本框图标

style scoped vue组件单文件生效 去掉全局生效

入口文件 main.js

表单的数据绑定
el-form :model= “loginFrom” 要在return {loginFrom:{user:"",pwd:""}}
el-input v-model=“loginFrom.user”

**表单数据验证**

• 通过配置 :rules=“验证规则对象”

• 在data里面 定义 验证规则对象:{user[{}]}

• <el -orm-item prop=“验证规则对象”>

  表单重置 ref
  按钮事件on
  on(){this.$refs.重置.resetFields()}

  表单预验证 validate
  on(){this.$refs.重置.()validate(valid=>{
  if(!valid) return
  })}
  beforeEach 路由导航控制权限
  通过编写 router.beforeEach((to,from,next)=>{…})端路由件 ·可以进行路由守卫

// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
  // to 将要访问的路径
  // from 代表从哪个路径跳转而来
  // next 是一个函数，表示放行
  //     next()  放行    next('/login')  强制跳转

  if (to.path === '/login') return next()
  // 获取token
  const tokenStr = window.sessionStorage.getItem('token')
  if (!tokenStr) return next('/login')
  next()
})

退出功能实现
了解退出功能其实是通过删除sessionStorage来完成的
window.sessionStorage.clear() //清空
this.$router.push(’/login’) // 跳转到登录页

git操作

查看当前工作区是否干净 ,查看状态:git status

创建分支: git checkout -b 子分支名

查看当前项目的所有分支 : git branch

都添加占存区: git add .

提交 git commit -m “第一次提交”

要合并的分支 ,切换到大的分支

合并分支的命令是 git megre 分支名 ·

将本地代码推送到码云的命令是 git push ·