- 博客(13)
- 收藏
- 关注
RSS订阅原创 Vue3、pinia的基本知识
每一个hook就是一个函数，跟mixin类似就是一个一个的ts文件，每一个ts文件实现一个功能，都是一个模块，里面包含数据，方法等等ts文件内的数据方法要写在一个函数里，函数的数据和方法要return出去，并且将函数默认暴露在使用该功能的组件里引用即可const sumData = useSum() //useSum()返回的是一个普通的对象，里面的数据是ref类型的，sumData.sum.value//可以使用结构赋值。
2024-08-15 18:13:24
1129
1
原创 js数组方法
函数接受一个回调函数作为参数，该回调函数会对数组中的每个元素进行测试。浏览器会在函数中传三个值，第一个值是当前数组的每一个元素，第二个值是索引，第三个值是整个数组对象。方法接受一个回调函数作为参数，该回调函数会对数组中的每个元素进行测试。对数组进行排序 （a-b是升序，b-a降序），对原数组进行修改，不产生新数组。indexOf() 若存在，返回元素索引 ，不存在，返回-1，数组的倒置,将数组元素倒置，改变的是原数组，不产生新数组。对数组中的每个元素执行指定的操作，并返回一个新的数组。
2024-08-08 16:11:17
389
原创 js中箭头函数的简单使用
函数体内只有一行代码时，函数表达式的结果会默认作为结果return，所以return可以直接省略。函数体只有一条语句时，可以省略花括号。如果返回的是一个对象，必须要加小括号。只有一个形参时，小括号可以省略。
2024-08-07 18:31:12
212
原创 Vue2（学习张天禹老师讲解vue2的笔记）
把要构造的指令写在directives：{ }, 跟methods类似在标签里写v-big，在directives中构造是就只用big(){}只要data中数据发生改变，模板重新解析时，就会重新调用该函数相当于对象式的bind和updateelement是添加指令所对应的DOM元素，binding是将指令与元素绑定，binding.value就是n对象中包含三个回调函数1.bind(element,binding){ } 当指令与元素绑定成功时调用。
2024-02-06 02:08:38
2120
1
原创 ts中的继承
super就是父类，在子类中若要调用父类的方法就super.sayHello()父类中的方法和子类的方法同名是，子类会覆盖父类。若子类写了构造函数，则必须调用父类的构造函数。自动继承父类的方法和属性，简化代码编写。
2024-02-05 16:41:21
439
1
原创 vue3中watch监视
watch监听对象属性时，返回的newValue和oldValue都是newValue，因为他们都是同一个对象。 watch(‘监视的数据’，函数，{配置}) 配置：{deep:rue,immediate:true} 若要监视对象内属性，要配置deep。 若该属性是对象数据类型，则需要写成函数形式()=>{}，且手动开启深度监视。 若该属性是基本数据类型，则需要写成函数形式()=>{} watch(‘监视的数据’，函数)默认开启深度监视，且无法关闭深度监视。
2024-01-30 19:05:21
380
1
原创 vue路由基本知识
1.安装vue-router npm i vue-router@3.5.2 -S （vue2版本只能使用 vue-router3）router-link默认是push方式，每一条记录都会记录，从栈底开始，先进后出。为了将不展示的组件数据不丢失（路由一切换，默认组件自动销毁）:include=[“组件名”,“组件名”] 缓存多个组件。一个路由就是一个对应关系，key为路径，value为组件。include=“组件名” 代表要缓存的组件是xxx。2.在组件接受数据，之后便可以在组件模板中使用。
2024-01-29 21:37:41
1867
原创 vue2中Vuex的基本使用
2.在store中配置actives,actives主要写业务逻辑，将数据commit给mutations进行操作。store实例对象是由Vuex.store({})构造出来的，构造之后，在vc,vm上就会出现$store属性。vuex中一般存储组件之间共享的数据，适用于多组件共享某些数据，将这些共享的数据集中起来管理。5.getters 就是将state中的数据进行运算加工，类似与组件中的computed。vuex中数据都是响应式的，能够保持数据与页面的同步，数据改变重新解析模板。
2024-01-27 17:08:04
614
1
原创 全局事件总线
on,$emit,$off属性只有在vue.prototype上才有，而vc,vm都可以访问vue.prototype，所以每个组件都可以获得$on,$emit,$off属性,将$bus绑定在vue.prototype上，每个组件都可以看见它，并且将$bus配置为vm，即$bus也会拥有$on,$emit,$off属性。数据发送方，调用$emit('事件名称',要发送的数据) 数据接收方，调用$on('事件名称'，事件处理函数) 最后在beforeDestory()函数中解绑自定义事件。
2024-01-23 22:34:48
360
1
原创 redux
redux1.创建store.js)]2.创建reducer.js)]要生成一个redux文件夹，里面放store.js和reduce.js文件在需要引入store的组件里引入import store from ‘…/…/redux/store’,[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-86V1iINj-1639109358367)()]在组件里获得store的状态 store.getState()向redux传递动作 store.dispat
2021-12-10 12:14:55
549
原创 git建立新分支并且上传文件
1.新建文件夹2.克隆gitee文件到本地复制仓库地址)3.在建好的文件夹里右击然后输入克隆好的仓库地址4.进入下载好的文件夹内，右击输入5.输入6.输入7.将你想要上传的文件放进你前面克隆下来的文件夹里8.输入“ ” 里的内容为你对上传文件的注释10.输入)]...
2021-11-26 16:54:35
604
原创 引入react核心库
##引入react核心库##react使用步骤 虚拟DOM1.虚拟DOM本质上是一个obj对象2.虚拟DOM的属性比真实DOM的属性少3.虚拟DOM最终会转变为真实的DOM，在页面上显示JSX语法规则[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oFXObkXP-1634814090724)(C:\Users\96051\Desktop\typora\image-20211017153620888.png)]2.id={id}3.className=
2021-10-21 19:08:20
1030
原创 md基本样式
一级标题（# 文字 #）几级标题就打几个#最多支持六级标题######文字（# 一级标题 #）删除线~~ ~~(使用波浪号)好好学习斜体（* *）斜体加粗（** **）加粗下标(ctrl + u)下标高亮（== ==）高亮下标（~ ~）水 H2o双氧水H2O2上标(^ ^)m2m3表情符号（: ）????✋????表格（|列 —行）也可以右击插入表格水果价格引用（>）后悔创业无序列表（-空格）无序列表有序列
2021-06-05 11:01:24
519
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人