当前位置: 首页 > news >正文

vue2须知

1.router,route的区别

route是用来获取路由信息的(
route是路由信息对象,每一个路由都会有一个route对象,是一个局部的对象,里面主要包含路由的一些基本信息,比如name、meta、path、hash、query、params、fullPath、matched、redirectedFrom…)
router里面有许多方法是用来操作路由的【 $router对象是全局路由的实例,是router构造方法的实例】(
router是VueRouter的实例,通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象,这个对象中是一个全局的对象,他包含了所有的路由包含了许多关键的对象和属性 )

2.父组件中有子组件,它们生命周期的执行顺序

组件的调用顺序是先父后子,渲染完成的顺序是先子后父。
组件的销毁操作是先父后子,销毁完成的顺序是先子后父。
加载渲染过程 子组件在父组件的beforeMount和Mounted之间渲染

3.路由守卫

router.beforeEach((to, from,next) => {
// 判断是否去个人中心页面
if(to.meta.requiresAuth){
// 判断是否登录
information().then(res=>{
if(res.code == 0){
next()
}else {
Toast(‘未登录,返回首页’)
next(‘/home’)
Toast(‘未登录,返回首页’)
}
})
}
next()
return false
})

4.五大通信

子传父,父传子,vuex,本地存储,事件总线

相关文章:

  • SpringBoot基础之声明式事务和切面事务和编程式事务
  • Kernel:里的某某某;xxx
  • Android背景和音乐
  • Proxmox VE 修改集群名称
  • jsp 上传文件及实体信息,ajax post 请求(formdata)报错400<======>前后端代码示例
  • java swing(GUI) MySQL实现的飞机票预定系统源码带视频运行教程
  • Redis 事务
  • LeetCode刷题复盘笔记—一文搞懂纯完全背包问题(动态规划系列第十一篇)
  • python隶属关系图模型:基于模型的网络中密集重叠社区检测方法
  • 【C++】set/multiset/map/multimap
  • Nginx学习总结(目录)
  • 【pen200-lab】10.11.1.8
  • 文件操作及IO
  • 精品基于Javaweb的酒店民宿管理推荐平台SSM
  • [附源码]计算机毕业设计二次元信息分享平台的设计及实现
  • [附源码]Python计算机毕业设计Django勤工助学管理系统
  • Request和Response基础知识入门
  • Lottie 动画导出为 GIF/MP4 以及与 QML 集成演示
  • 前端问题解决方法
  • 每日挠头算法题(十五)螺旋矩阵II
  • Python机器学习:一元回归
  • CB2-2CARD的openSUSE安装NAS环境配置
  • Java---微服务---分布式搜索引擎elasticsearch(1)
  • 逆序遍历List集合
  • RISC-V Directives
  • Day870.全局锁和表锁 -MySQL实战