瀑布流
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中。 特点…使用npm install -g pnpm的时候报错
问题:使用的是nvm管理node,切换node版本后,使用pnpm install -g pnpm报错mkdir,就是没有权限的意思。如果是window系统使用管理员权限就可以。云桌面,则需要修改一下权限 Linux更改文件夹及其下级文件权限 sudo chmod -R 777 /opt/nvm/versions/nodereact学习(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,官网要求…
最新评论