- 博客(7)
- 收藏
- 关注
原创 箭头函数和普通函数的区别
特点:箭头函数中的 this 始终指向箭头函数定义时的离 this 最近的⼀个函数,(也就是他的父级)如果没有最近的函数就指向 window。} 当函数体中只有⼀个表达式时,{}和 return 可以省略,当函数体中形参只有⼀个时,()可以省略。⽽箭头函数指向箭头函数定义时的离 this 最近的⼀个函数,也就是他的父级,如果没有最近的函数就指向 window。2. 在普通函数中,this 总是指向调⽤它的对象,如果⽤作构造函数,this 指向创建的对象实例,但是箭头函数并没有此对象。
2022-11-26 17:37:27 85
原创 v-if 与 v-show 的区别/v-for 与 v-if 的优先级 /methods computed watch 的区别
v-if 和 v-show 都是控制元素的显示与隐藏, 不过 v-if 控制元素的显示和隐藏的时候会删除对⽤的 dom 元素,当每⼀个显示的时候,都会重新创建 dom 和渲染. ⽽ v-show 则是通过 css 的 display:none和 display:block 来控制元素的显示与隐藏. v-if ⽐较耗费性能,所以我们涉及到频繁的显示隐藏操作我们建议使⽤ v-show,如果不是频繁操作的话,我们可以 v-if。
2022-10-18 17:53:44 254
原创 vue 常用指令及常用的修饰符
native 事件穿透,让我们可以在⾃定义组件上定义事件和⽅法。.number 将值转化为 number 类型。.prevent 阻⽌元素的默认⾏为。.self 事件只作⽤在元素本身。.trim 去除⾸尾多余的空格。.capter 组件之间捕获。.stop 阻⽌事件冒泡。.once 只渲染⼀次。
2022-10-18 17:36:59 173
原创 vue的路由及路由的导航守卫
路由的导航守卫 又叫做路由的钩子函数 或者路由的生命周期函数 是在页面跳转的过程中到了某一个特定的时间节点会触发的钩子函数 有三种七个全局守卫beforeEach 全局前置守卫beforeResolve 路由解析之前afterEach 全局后置守卫(有两个参数 to ,from)组件级守卫beforeRouteEnter 路由进入之前beforeRouteUpdate 路由更新之前beforeRouteLeave 路由离开之前单个路由独享的守卫 beforeEnter 路由进入之前。
2022-10-18 17:28:32 131
原创 nextTick
在 dom 更新之后执行的延迟回调 ,在 vue 中 dom 的更新是异步的,我理解的 nextTick 是把本身同步的代码变成异步执行,排在 dom 更新之后,所以能拿到 dom 节点。
2022-10-18 16:59:58 161
原创 vue生命周期函数
声明周期函数是vue 实例从创建到销毁的过程中,到了某一个特定的时间节点就会自动触发的一个钩子函数创建前 实例还未创建, 这个时候什么都没有 data methods 都不能用 也没有 thiscreated 创建后 这个第一个能拿到 date 和 methods 来用的钩子函数beforeMount 挂载前 挂载的是节点mounted 挂载后以上四个是创建阶段的钩子函数 这些钩子函数只会执行 1 次beforeUpdate 数据变了视图未更新。
2022-10-18 16:50:11 187 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人