10-20 钟申义 日志
10-20 钟申义 日志
vue-router怎么定义动态路由?写出怎么获取传过来的动态参数?
在 router 目录下的 index.js 文件中,对 path 属性加上/:id
使用 router 对象的 params.id
vue-router 有哪几种导航钩子?
全局导航钩子:router.beforeEach(to,from,next)
组件内的钩子
单独路由独享组件
详尽介绍vue的各个生命周期?
beforeCreate( 创建前 ): 在 beforeCreate 阶段,vue 实例的挂载元素 el 和数据对象 data 都为 undefined,还未初始化。
created ( 创建后 ):在 created 阶段,vue 实例的数据对象 data 有了,el 还没有
beforeMount:在 beforeMount 阶段,vue 实例的$el 和 data 都初始化了,但还是挂载之前为虚拟的 dom 节点,data.message 还未替换。
mounted:mounted 阶段,vue 实例挂载完成,data.message 成功渲染
beforeUpdate/updated:更新前/后:当 data 变化时,会触发 beforeUpdate 和 updated 方法
beforeDestroy:在实例销毁之前调用,实例仍然完全可用,
这一步还可以用this来获取实例,
一般在这一步做一些重置的操作,比如清除掉组件中的定时器 和 监听的dom事件
destroyed:在实例销毁之后调用,调用后,所以的事件监听器会被移出,所有的子实例也会被销毁,该钩子在服务器端渲染期间不被调用
(在执行 destroy 方法后,对 data 的改变不会再触发周期函数,说明此时 vue 实例已经解除了事件监听以及和 dom 的绑定,但是dom 结构依然存在)
近期评论