- 博客(16)
- 收藏
- 关注
原创 第二天React(传值和生命周期附带案例)
React采用的是单项数据流模式,说白了就是this.props只能读取不能修改,所以本质上子传父也是一种父传子。React中的父传子传值也是采用自定义属性,之后在子组件中使用this.props调用值。
2023-09-23 13:52:35 51 1
原创 七天带你学会React(第一天)附带案例
react中没有双向绑定,所以我们要想要拿到表单中的数据可以自己写一个双向绑定,也就是受控组件,思路就是给表单绑定change事件之后拿到表单dom我们可以使用js原声的方法.vlaue获取表单中的值之后我们在通过this.SetState({})来实现双向数据绑定。和js绑定事件的方式一样但是要加上bind()让他的this指向改回我们自己创建的类,如果不修改this执行在我们的方法中如果调用了我们自己创建类中的变量那么就会出现错误。
2023-09-21 19:45:29 71 1
原创 vue学习笔记(指令,脚手架,组件,生命周期,事件修饰符,watch监听等)本文使用的伪代码读者需要注意
vue中的自定义指令v-'自定义指令'他要写在directives中new Vue({//省略'自定义指令名':{如果没有指令值直接执行的函数,有指令值也会直接执行el是操控的元素binding是一些操作元素本身的数据},这个函数是数据发生改变才会执行的函数 也就是指令的指令值发送改变才会执行这个函数})公共状态管理工具公共:任何组件都能访问修改状态: 数据 变量vuex的数据是响应式的就相当于data里面就是存放数据用的普通访问采用$store.state.键简写。
2023-09-13 20:59:48 1157 2
原创 Vue中的常用的事件修饰符
在vue中了解一些事件修饰符,可以跟高效的辅助我们开发,一下是一些常用的事件修饰符。.self 只有点击自己才会触发。.prevent 阻止默认事件发送。.once 让方法只能执行一次。.capture 事件捕获。.enter enter键。.stop 阻止事件冒泡。
2023-08-29 13:45:51 74 3
原创 原型链与原型的继承
我们这里说一下需求,我们定义了两个构造函数,一个是人的构造函数,一个是狗的构造函数我们在人的构造函数的原型中定义了一个方法,我们想让狗也能够调用人的原型中的方法该怎么办,接下来是代码解决这个问题,一些容易出错误的点我将它写在了代码的注释里,请友友们注意查看。原型链一共有两层,第二层的原型对象是所有构造函数的公共原型,如果将方法定义在公共原型中,那么所有的构造函数的实例都可以调用这个方法,下面是代码是实现。首先我们要了解原型链的构成,它由构造函数,实例对象,原型对象,我们这里捋一下他们之间的关系。
2023-08-05 15:02:37 1147 2
原创 JS高级中原型中方法继承时的小错误
这是因为我们定义了狗的方法在狗的原型对象中了,但是后来我们让狗的原型对象等于了人的实例对象,这样以来狗的之前的原型对象就不存在了,而我们在将狗的原型等于人的实例下面写就可以,因为我们把这个方法定义到了人的实例对象中,这个时候这个人的实例对象即是人的实例对象又是狗的原型对象,这里面还有一个容易出现的错误,比如将狗的实例对象的声明放在狗的原型对象等于人的实例对象之前也会出现错误,也是因为声明在那里他的原型对象就是之前的原型对象,而不能够得到我们之后定义的原型对象了。
2023-08-03 19:37:43 21
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人