- 博客(7)
- 收藏
- 关注
RSS订阅原创 vue路由守卫
全局前置守卫，组件初始化时调用，每次路由切换之前调用，路由切换之前指的就是，举个例子说，当前我在A路由组件，我要切换到B路由组件，那么前置路由守卫就是在我点了切换按钮，但B路由组件还没有被呈现在页面上的时候被调用。全局后置守卫，组件初始化时调用，每次路由切换之后调用，路由切换之后指的就是，举个例子说，当前我在A路由组件，我要切换到B路由组件，那么前置路由守卫就是在我点了切换按钮B路由组件呈现到页面中后被调用。是在进入组件时被调用,区别就在于，想对那个路由进行权限控制就直接在其路由配置项中添加守卫，
2023-04-25 18:50:58
155
原创 vue中watch用法
当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变，此时就需要deep属性对对象进行深度监听。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。例如ajax请求，复杂的业务逻辑处理等。watch是用来监听 数据的变化，一般用于异步或者开销较大的操作。
2023-04-19 19:03:08
305
原创 vue 中 $nextTick 的作用
比如 this.arr.push(4) 那么使用 v-for 循环出的li会增加一个， 此时获取ul的高度，获取不到最新的，需要使用$nextTick 来获取更新后的dom 元素的高度，或者创建swiper的时候，由于数据是调用接口 是异步的，所以在$nextTick里面 在创建 new Swiper ，才能保证seiper 正常运行。在修改数据之后立即使用$nextTick回调函数，可以获取更新后的 DOM。因为vue数据变化更新视图是异步的，所以更新数据后获取的不是最新的dom。
2023-04-19 18:54:46
59
原创 Vue中key的作用及原理
vue 使用虚拟dom 进行渲染时，为了提高性能会选择性的复用元素。加上 key之后，可以让虚拟dom复用元素时，加以区别。两个不一样的key 不会复用。避免bug（比如使用 v-for循环渲染数据的时候，进行翻页，此时li会被复用，里面的input会被复用，导致input的value值还在)。
2023-04-19 18:48:21
89
1
原创 vue指令
在vue中提供了些对页面和数据更方便的输出方式，实质上就是特殊的 html 标签属性，指令中封装了一些DOM行为, 结合属性作为一个行为, 行为有对应的值,根据不同的值，框架会进行相关DOM操作的绑定, 特点: v- 开头。
2023-04-12 19:40:25
134
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人