- 博客(6)
- 收藏
- 关注
原创 Vue3快速上手
什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。
2022-10-15 12:23:10 91 1
原创 Vuex 3.0
在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。备注:mapActions与mapMutations使用时,若需要传递参数需要:在模板中绑定事件时传递好参数,否则参数是事件对象。概念:当state中的数据需要经过加工后再使用时,可以使用getters加工。备注:若没有网络请求或其他业务逻辑,组件中也可以越过actions,即不写。开启命名空间后,组件中调用dispatch。
2022-10-15 12:16:03 150
原创 vue2 路由
特别注意:路由携带params参数时,若使用to的对象写法,则不能使用path配置项,必须使用name配置!对于一个url来说,什么是hash值?—— #及其后面的内容就是hash值。hash值不会包含在 HTTP 请求中,即:hash值不会带给服务器。作用:让不展示的路由组件保持挂载,不被销毁。 作用:让路由组件更方便的收到参数。分类:全局守卫、独享守卫、组件内守卫。配置路由,声明接收params参数。实现路由跳转,让路由跳转更加灵活。作用:可以简化路由的跳转。作用:对路由进行权限控制。
2022-10-15 12:14:15 142
原创 vue插槽
理解:数据在组件的自身,但根据数据生成的结构需要组件的使用者来决定。(games数据在Category组件中,但使用数据所遍历出来的结构由App组件决定)作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于。分类:默认插槽、具名插槽、作用域插槽。
2022-10-15 12:09:56 79
原创 js的reverse()方法改变原数组导致问题
要使用原数组的倒序,于是想到了计算属性,但由于自己的失误,没有发现reverse()会改变原数组,导致问题的出现,具体表现为:计算属性的historys 数组交替改变顺序原因:reverse()方法改变了原数组historyList,所以计算属性historys 跟着变化了解决方法:使用展开运算符成立一个新数组,对新数组进行处理...
2022-06-08 12:32:17 732
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人