寒假集训——十五

寒假集训

  • 一百二十九、中央事件总线
  • 一百三十、ref组件通信
  • 一百三十一、组件注意
  • 一百三十二、动态组件
  • 一百三十三、slot
    • 旧:
    • 新:
  • 一百三十四、过渡效果
  • 一百三十五、列表过渡
  • 一百三十六、可复用过渡
  • 一百三十七、生命周期
  • 一百三十八、swiper组件
  • 一百三十九、Vue3组件写法

一百二十九、中央事件总线

  1. bus中央事件总线
    订阅发布模式
bus.$on
bus.$emit
  1. vuex状态管理

一百三十、ref组件通信

ref -绑定dom节点,拿到的就是 dom对象
ref -绑定组件,拿到的就是 组件对象

一百三十一、组件注意

属性 – 父组件传给你的属性,只有父组件可以重新传,但不允许子组件随意修改.
状态 --组件内部的状态,可以随意修改
v-once用在组件上有什么用
渲染普通的HTML元素在Vue中是非常快速的,但有的时候你可能有一个组件,这个组件包含了大量静态内容。在这种情况下,你可以在根元素上添加v-once attribute以确保这些内容只计算一次然后缓存起来。

一百三十二、动态组件

有的时候,在不同组件之间进行动态切换是非常有用的可以通过 Vue 的 元素加一个特殊的 is attribute 来实现
保留数据

一百三十三、slot

插槽的意义 : 扩展组件能力, 提高组件的复用性
混合父组件的内容与子组件自己的模板–>内容分发
父组件模板的内容在父组件作用域内编译;子组件模板的内容在子组件作用域内编译。
注意 v-slot只能添加在