vue
文章平均质量分 53
小阳阳i
善待每一个bug
展开
-
言简意赅的vue路由简介
路由 路由:就是一一对应关系的集合。 文章目录路由前端路由工作原理一、路由-官方路由基本使用步骤二、声明式导航-router-link1. Router-link组件介绍vue路由传参的方式图示-查询字符串![在这里插入图片描述](https://img-blog.csdnimg.cn/987e05d170b943fc93bb031b5cbe71e5.png)图示-params传参vue路由接收参数路由-重定向配置路由路由404三、编程式导航vue路由接收参数三、路由嵌套总结 前端路由工作原理 前端原创 2022-05-11 21:50:28 · 552 阅读 · 1 评论 -
哇~渲染引擎的重绘与回流还可以这样理解
关于渲染引擎的重绘与回流介绍 浏览器渲染解析页面完整流程 1.先解析HTML,生成DOM树(重要步骤) 2.后解析CSS,生成样式规则 3.根据DOM树与样式规则,得到一颗渲染树Render Tree(重要步骤) DOM树:只有结构没有样式 渲染数:DOM树 + CSS样式 (可以理解为附加了样式的DOM树) 4.渲染引擎开始工作,解析渲染树。 这个步骤发生 回流(又称重排) : 计算节点的尺寸、结构、布局 5.开始绘制 这个步骤发生重绘 : 根据重排结果进行绘制页面原创 2022-05-10 21:26:54 · 104 阅读 · 0 评论 -
vue中的匿名插槽和具名插槽
vue中的插槽 想要彻底搞清楚vue的插槽,首先我们要清楚什么是插槽?为什么要使用插槽?怎么使用插槽? 首先插槽可以理解成生活中的相框,和相片的关系 要想把一张美丽的照片放入相框,我们需要具备两个条件 一个相框: 子组件中用来占位的<slot></slot>,相当于子组件挖了一个坑,这个坑需要父组件传东西过来填充 一张照片:父组件传递的内容 相信前面的介绍,你大概知道了插槽是什么 知道了什么是东西,接下来我们一起来看一下插槽的作用 在使用插槽的时候有人会有疑问,为什么不直接原创 2022-05-09 21:46:02 · 892 阅读 · 0 评论 -
父组件的生命周期和子组件的生命周期谁会先被触发
生命周期:一个组件从 创建 到 销毁 的整个过程就是生命周期 生命周期函数(钩子函数) vue 框架内置函数,随着组件的生命周期,自动 按次序 执行 作用:特定的时间点,执行某些特定的操作 场景: 组件创建完毕后,可以在created 生命周期函数中发起Ajax 请求,从而初始化 data 数据 四个阶段: 初始化 => 创建组件 => beforeCreate created 挂载 => 渲染显示组件 => beforeMount mouted 更新原创 2022-05-08 21:47:47 · 144 阅读 · 0 评论 -
浅谈vue的生命周期
生命周期是什么? vue实例从创建到销毁的过程。(vue实例创建,dom树完成渲染) 钩子:简单来说就是回调函数。 vue生命周期分为4个阶段8个钩子 四个阶段: 阶段一:创建(创建vue实例) beforeCreate 、 created 阶段二:挂载(data数据渲染到el) beforeMound、mounted 阶段三:更新(检测data变化并更新el) beforeUpdate、updated 阶段四:销毁(解除data与el的绑定关系) beforeDestory、des原创 2022-05-04 22:09:22 · 96 阅读 · 0 评论