vue
仅借清风几许几
实迷途其未远 觉今是而昨非 早日脱离苦海
展开
-
vue3 rules 验证框架的简单入门用法,快速上手
1.ant-design-vuerules<template>// 定义 a-form 表单 添加 动态属性 :model 表单值属性 ,: rulse 表单验证属性 <a-form ref="formRef" name="custom-validation" :model="formState" :rules="rules" > // *****注意这里的值是 name 不再是 porp****// <a-f..原创 2022-04-24 15:21:28 · 8828 阅读 · 0 评论 -
vue3 ref 理解与用法
1. refref和reactive一样,也是用来实现响应式数据的方法2.本质ref底层其实还是reactive,所以当运行时系统会自动根据传入的ref转换成reactive3.使用① 在vue中使用ref的值不用通过value获取② 在js中使用ref的值必须通过value获取 <template> <div> <button @c...原创 2022-04-24 10:07:58 · 19774 阅读 · 0 评论 -
vue3 useRoute与useRouter 区别
useRouter(跳转), useRoute(获取路由参数)import { useRoute, useRouter } from 'vue-router';...if (route.query?.redirect) { // route 获取路由参数 router.push({ path: <string>route.query?.redirect, query: Object.keys(<string>route.query?.para原创 2022-04-23 16:01:54 · 6018 阅读 · 0 评论 -
通俗易懂vue笔记
1. Promise** 对象 ** 用于表示一个异步操作**的最终完成 (或失败)及其结果值。是一个构造函数,异步编程的一种解决方案通过其所带函数then 这个异步任务(函数)执行完成之后被执行拥有resolve 成功返回,reject失败返回 两个回调函数 链式操作catch 其实它和then的第二个参数一样,用来指定reject的回调 ;all方法提供了并行执行异步操作的能力,并且在所有异步操作执行完后才执行回调race all方法的效果实际上是「谁跑的慢,以谁为准执行回调」,那么原创 2022-04-23 11:24:45 · 2743 阅读 · 0 评论 -
vue export 与 export default 区别
相同点export与export default均可用于导出常量、函数、文件、模块等 都可以使用import导入不同点export可以有多个,export default只能有一个 通过export方式导出,在导入时要加{ },export则不需要 使用export default为模块指定默认输出,导入时只需要知道文件名即可,但是使用export必须知道导出的变量或者函数等,导入时变量名要一致...原创 2022-04-13 09:02:45 · 369 阅读 · 0 评论 -
VUE 中 computed 与 methods 属性的区别
很多vue 新手都写到一定程度的代码后,发现vue的 computed 与methods用法相差无几,其实他们还是有区别的官方给出的解释"我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行"。可以说使用 computed 性能会更好,但是如果你不希望缓存,你可以使用 methods 属性。也就是说 computend原创 2022-01-12 10:33:17 · 277 阅读 · 0 评论