正在使用PWA,是否安装到桌面? x

chaihongjun.me

【今日新文】Vue路由导航守卫和组件生命周期总结

Vue-router的钩子函数和组件生命周期的执行顺序总结。单独讨论Vue组件的生命周期会觉得非常的容易,但是一旦涉及到路由导航守卫,情况就变的复杂的多了,从技术原理来说无论是导航

最新发布第1页

Vue路由导航守卫和组件生命周期总结
javascript

Vue路由导航守卫和组件生命周期总结

柴宏俊阅读(60)chaihongjun.me

Vue-router的钩子函数和组件生命周期的执行顺序总结。单独讨论Vue组件的生命周期会觉得非常的容易,但是一旦涉及到路由导航守卫,情况就变的复杂的多了,从技术原理来说无论是导航...

thinkphp5.0+Vue前后端分离demo
javascript

thinkphp5.0+Vue前后端分离demo

柴宏俊阅读(197)chaihongjun.me

这个demo的由来,其实非常简单,企业在各个平台注册的账户都需要手机绑定,而这手机可能会因为人员流动问题而有变动,弄一个记录表登记持有人,方便其他人联系。 用到的技术项...

vue插槽再学习
javascript

vue插槽再学习

柴宏俊阅读(105)chaihongjun.me

vue官网的文档更新了关于插槽的部分,说明现在要用的是v-slot标签,之前的 slot和slot-scope属性已经被废弃了。所以对于插槽的知识点需要更新一下。 !DOCTYPEhtmlhtmllang=enheadmetacharset=UTF-8...

Vue-router的钩子函数和组件生命周期的执行顺序
javascript

Vue-router的钩子函数和组件生命周期的执行顺序

柴宏俊阅读(129)chaihongjun.me

vue-router的导航守卫实际和组件的生命周期都是同一类型的钩子函数,在一个特定时间内会触发。 导航守卫有三个类型,分别是全局的钩子(针对整个路由器实例),单个路由对象的钩...

Vue-router路由组件传值
javascript

Vue-router路由组件传值

柴宏俊阅读(82)chaihongjun.me

props除了可以用来父子组件传值之外,也可以用于路由组件的传值。 路由组件的传值,意思是路由的参数变量传递到对应的组件里。 {path:/,name:Home,component:Home,children:[{path:news/:id,props:{...

Vue-router路由学习笔记路由的动态匹配
javascript

Vue-router路由学习笔记路由的动态匹配

柴宏俊阅读(112)chaihongjun.me

一般情况下,一条URL会对应一个页面,但是也有特殊情况,比如用户的详情页,因为用户的ID是不一样的,但是在实际项目中对于的页面结构是一样的,也就是同一个组件。用户详情页...

Vue-router路由学习笔记$router和$route的区别
javascript

Vue-router路由学习笔记$router和$route的区别

柴宏俊阅读(101)chaihongjun.me

this.$route和this.$router如果对路由概念很清楚,是非常容易混淆的。 关于this.$route 官方的API介绍是这样的: 一个路由对象(route object)表示当前激活的路由的状态信息,包含了当前URL解析得...