- 博客(8)
- 收藏
- 关注
RSS订阅原创 Vue 路由守卫
点击其他组件时，判断是否确认离开。确认执行next()；取消执行next(false)，留在当前页面。1. beforeRouteEnter:(to,from,next)=>{}——到达。2. beforeRouteLeave:(to,from,next)=>{}——离开。to，from参数与上面使用方法一致。next回调函数略有不同。与全局路由守卫用法一致，但是只能针对一个页面使用。组件路由守卫分为到达这个组件时，离开这个组件时。在router中配置全局守卫——登录拦截。
2023-04-25 17:07:57
739
原创 $nextTick
Vue有个异步更新策略，意思是如果数据变化，Vue不会立刻更新DOM，而是开启一个队列，把组件更新函数保存在队列中，在同一事件循环中发生的所有数据变更会异步的批量更新。（其实一句话就可以把$nextTick这个东西讲明白：就是你放在 $ nextTick 当中的操作不会立即执行，而是等数据更新、DOM更新完成之后再执行，这样我们拿到的肯定就是最新的了。又或者，在数据变化后要执行某个动作，而这个动作需要使用随数据变化而改变的DOM结构的时候，也需要把相关逻辑写入Vue.nextTick ()回调函数中。
2023-04-19 19:57:23
131
原创 computed和watch的区别
4、watch只会监听数据的值是否发生改变，而不会去监听数据的地址是否发生改变，要深度监听需要配合deep：true属性使用。2、是否调用缓存：computed函数所依赖的属性不变的时候会调用缓存；4、使用场景：1.computed当一个属性受多个属性影响的时候；watch是监听一个值的变化执行对应的回调。2、watch中的函数有两个参数，前者是newVal，后者是oldVal。1、watch的函数名称必须和data中的数据名一致。3、watch中的函数是不需要调用的。框架中的用于监听数据变化的属性。
2023-04-19 19:32:00
186
原创 vue组件通信（父传子，子传父，兄弟）
1.创建js文件 bus.js引入vue实例 导出vue对象。1.子组件通过$emit(函数名，变量)传递。1.在父组件引入的子组件中v-bind传参。2.在子组件中通过props接收参数。2.向B组件传参 bus.$emit。兄弟A丶B组件分别引入 bus.js。函数的res就是传递过来的参数。3.接收参数bus.$on。
2023-04-19 19:14:42
101
原创 vue中key的作用
vue 使用虚拟dom 进行渲染时，为了提高性能会选择性的复用元素。加上 key之后，可以让虚拟dom复用元素时，加以区别。避免bug（比如使用 v-for循环渲染数据的时候，进行翻页，此时li会被复用，里面的input也会被复用，导致input的value值还在)。2.如果不存在对数据的逆序添加、逆序删除等破坏顺序操作，仅用于渲染列表用于展示，使用index作为key是没有问题的。2key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据 新数据 生成 新的虚拟DOM。
2023-04-19 18:45:09
90
1
原创 vue路由跳转传参
(二)编程式跳转(name+params)(一)编程式跳转(path+query)（二） router-link。（一）router-link。1.路由配置需要/:id。
2023-04-13 21:54:35
130
1
原创 vue2安装
执行npn run serve 之后会出现一个端口号为8080的地址，将这个地址复制到浏览器打开。检验配置的淘宝镜像：npm config get registry。安装完成通过cmd node -v测试安装成功。国内使用npm下载非常慢 建议使用 cnpm。1.下载node.js(最好在装在c盘)安装测试 node -V 注意:V要大写。vue create 项目名称。3.安装vue-cli脚手架。
2023-04-12 19:50:25
520
原创 vue-router3路由配置一 路由搭建
3.在根组件中布局通过router-link传递地址栏url。2.在 mian.js中引入router 并声明。通过router-view将子组件显示到当前组件。1.首先创建router>index.js。
2023-04-12 19:23:59
147
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人