瀑布流
-
vue中的keep-alive问题(2)
1:keep-alive生效的前提,组件都要声明一个name属性,并确保唯一性 2:A/C跳转B页面,返回A/C,缓存C二级路由,则需要同时缓存一级路由A,否则缓存不生效,设置缓存需要写在beforeRouteEnter里面 beforeRouteEnter(to, from, next) { next(vm => { //详情->私募待办(销毁)->我的理财之后,再走我的理财-… -
vue中使用keep-alive的问题(1)
问题:A页面--->B页面,A页面 --->C页面。其中B页面返回A页面时,A页面不刷新。C页面返回A页面时,A页面刷新。 解决思路:应该都能想到如果想要缓存应该要使用keep-alive,问题是在C返回A页面的时候A页面刷新怎么处理。那么我们有两个解决思路: 就是在离开A进入C的时候,销毁组件A,那么再返回A就是新组件, 在C返回A的时候重置A的数据 回顾一下组件内的路由守卫: be… -
vue3学习(3)
1:toRef和toRefs 作用:将响应式对象中的每个属性,转换成ref对象 备注:toRef和toRefs作用一致,但toRefs可以批量转换 let person = reactive({name:'李雷',age:18}) let {name,age} = toRefs(person) name.value = '韩梅梅' let nl = toRe… -
vue3学习(2)
1:ref创建:基本类型、对象类型的响应式数据 作用:定义响应式变量 语法:let xxx = ref(初始值) 返回值:一个RefImpl的实例对象,简称ref对象。ref对象的value属性是响应式的。 注意点: 在模板中使用不需要.value。在js中操作数据需要:xxx.value 2:reactive创建:对象类型的响应式数据 3:ref和reactive对比 定义的类型不同 使用原则 … -
vue3学习(1)
1:在Vite项目中,index.html是项目入口文件,在项目最外层。vite创建项目(npm init vue@latest) 2:加载index.html后,Vite解析指向的javascript。 3:vue3中通过createApp函数创建一个应用实例。 4:setup是vue3的一个新的配置项,值是一个函数,组件中所用到的:数据,方法,计算属性,监视等等,均需配置在setup中。 特点… -
react学习(10)
1:Redux 集中状态管理工具,可以独立运行。 使用步骤 1.定义一个reducer函数(根据当前想要做的修改返回一个新的状态) 2.使用createStore方法传入reducer函数,生成一个store实例对象 3.使用store实例的subscribe方法订阅数据的变化(数据一旦变化,可以得到通知) 4.使用store实例的dispatch方法提交action对象触发数据变化(告诉redu… -
react学习(11)
1:Redux管理数据流程梳理 为了职责清晰,数据流向明确,redux把整个数据修改的流程分成了三个核心概念,分别是state,action,reducer 1.state一个对象,存放着我们管理的数据状态。 2.action一个对象,用来描述你想怎么改数据。 3.reducer一个函数,根据action的描述生成一个新的state。 image.png 2:在react中使用redux,官网要求… -
react学习(12)
提交action传参 在reducers的同步修改方法中添加action对象参数,在调用actionCreater的时候传递参数,参数会被传递到action对象payload属性上 import {createSlice} from '@reduxjs/toolkit' const counterStore = createSlice({ name:'counter&…
最新评论