Vue3+硅谷甄选项目笔记

一.回顾vue2中添加属性可以监测到属性变化吗？

不能 用特定的方法添加响应式数据 

1.this.$set(对象或者数组，key,value)/Vue.set()有同样的效果

 访问对象某个属性 属性值是变量/字符串该怎么识别？ vue统一为字符串  用数组索引访问法访问对象

二.路由守卫

next()有三种值 ：next('/logon') 、 next(false) 或者 next({ ...to, replace: true })

注意只有next()才是放行 其他的像是next('login')都是嵌套 中断当前路由跳转(跳过afterEach) 跳转到下一个beforeEach()才放行

三.vite服务器代理

function loadEnv( mode: string, envDir: string, prefixes: string | string[] = 'VITE_', ):

参数获取前缀为envDir: process.cwd()//根目录文件位置  mode: string

pagination Notification 登录注册icon组件breadcrumb

四.表单校验

1.给el-form绑定model属性告诉它数据收集到哪里 rules=rules声明校验规则

el-form-item绑定prop=声明校验属性

再声明rules规则

require validator 自定义规则 trigger ：blur,change

商品品牌管理和属性管理模块

五.数组最强方法splice()

splice (v 粘接)可以完成一下操作

1.删除 

splice(index,1) index表示从数组开始删除的索引 ,1表示删除个数

2.添加 

splice(index,0,'red','blue') index表示开始添加的索引，0表示删除个数，red,blue表示添加元素

3.替换

splice(index,2,'red','blue') index表示开始添加的索引，2表示删除个数，red,blue表示添加元素