Vday6

文章目录

Vue-day6

  • pinia中的stroe相互独立, 且在未引用时, 不生效
  • 由于vue3中存在组合式API, 而这种方式取消了this指向,所以我们在ES模块中, 想要使用路由对象时, 需要导入方法,useRouter()和useRoute(), 而在组件内部, 可以直接使用$router, $route
  • element-plus按需导入, 官网
  • pinia持久化插件, pinia-plugin-persistedstate
  • 数据被使用后才会持久化, 且用一个对象保存所有数据
  • pinia独立维护
    • 可以将所有的store都导入到index.js中, 然后再统一导入, 这样可以实现, 统一的导入方式
  • 辨析, 业务请求失败(数据响应成功, 但是数据不正确), 数据请求失败(数据响应失败)
  • 表单校验
    • 表单数据对象
    • 表单规则
    • 数据双向绑定
    • 绑定规则
  • 自定义表单校验
    • validator(rule, value, callback())
  • 子组件限制对外暴露, expose()
  • await, async → 异步的一种处理方式
  • 路由访问拦截 → beforeEach()
    • 对用户访问地址, 进行简单的前端验证, 往往是判断是否在请求中存在token
  • .then() → 也是用来处理异步
  • *事件循环机制
  • defineExpose(), 子组件向外暴露方法
  • formData格式

知识点

  1. vue2的生命周期, 生命周期函数同步执行, 一般来说, 只要调用异步方法, 在任何生命周期内都可以获得dom对象, 但是如果函数被封装到methods中, 则在beforeCreated中, 无法获得到dom
  2. 父子组件, 生命周期, 父先执行前三, 子执行前四
  3. 渲染优化, 根据实际业务场景, 决定父子谁的请求先被执行 → 如果子组件内容要先被加载渲染, 那么我们可以将父的请求放在mounted()中, 保证父请求在后执行
  4. pinia中的store是用reactive()包装的一个对象, 所以不能对其进行解构, 否则会破坏响应式, 如果需要解构且保持其响应式特性, 可以使用storeToRefs()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值