![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue复习笔记
雷雨后的小巷
这个作者很懒,什么都没留下…
展开
-
vue相关题目汇总
一、v-show 和 v-if 区别?v-show 通过 css display 控制显示与隐藏v-if 组件真正的渲染和销毁,而不是显示与隐藏频繁切换显示状态用 v-show,否则用 v-if二、为何在 v-for 中用 key?组件更新渲染时,减少渲染次数,为了提升性能在 diff 算法中,对比新旧 vnode 时 (children 节点),根据 key 和 el 判断是否是 sameNode// 通过 diff 算法中进行 patch 打补丁时, 对比 children 节点时原创 2020-09-18 10:04:36 · 716 阅读 · 0 评论 -
vue 插槽的使用总结---自己的感悟总结
vue 插槽的使用:插槽定义:是 vue 一种内容分发机制, 将 slot 元素作为 承载分发内容的出口(Vue 实现的一套内容分发的 API);插槽分类:默认(匿名)插槽具名插槽作用域插槽插槽使用:默认(匿名)插槽:<slot></slot>或者是<slot name="default"></slot>子组件中有一个没有属性的 slot 标签的时候,父组件调用时,将整个内容片段插到 slot 所在的 dom 位置,替换掉原创 2020-09-16 15:57:00 · 203 阅读 · 0 评论 -
vue 生命周期
vue 生命周期:vue 官网生命周期图片生命周期就是组件实例出来到销毁的一系列过程。分为挂载阶段、更新阶段、销毁阶段。一、挂载阶段– 主要是组件的实例化,模板解析 然后 render 生成 vnode 节点(这时候已经实现响应式了),最后挂载到页面 el 上,第一次渲染完成(1)new Vue():初始化一个 vue 实例;(2)beforeCreate:开启了生命周期钩子函数,初始化事件;(3)created:可以在此进行数据的请求,但是这一阶段的 dom 没有渲染;同时,此阶段对数据原创 2020-09-15 11:35:16 · 352 阅读 · 1 评论 -
vue组件通讯(父传子,子传父)
vue组件通讯(父传子,子传父)父传子(1)在父组件中自定义一个属性,通过v-bind或者:的形式,将data中的数据进行绑定;(2)在子组件中的export default导入下data同级,通过props将父组件中的自定义的属性写入,就能够将父组件中的数据传过来了。注意:props只能够从父级到子级,就是所谓的单项数据流,而且props这个属性是只读的,子级不能够修改父级的这个值 ,但是能够修改对象中的属性(一般不建议子级修改父级中的数据)子传父(1)父组件中自定义事件eg:@changev原创 2020-09-14 16:33:55 · 317 阅读 · 0 评论