Vue笔记

Vue笔记

本博客主要是我寒假看视频的学习记录，由于忙比赛和学业，后续可能不会再补充。

第四章Vue组件

4-2父子组件传值

使用v-bind可以传递父组件中的动态属性，否则只能传递字符串

4-4给组件绑定原生事件

.native代替子组件$emit

4-5 非父子组件传值

1.bus
2.vuex

4-6 插槽

1.复习到某一节中的<template>占位符
2.具名插槽

4-7作用域插槽

当子组件中的数据渲染由父组件决定时，就可以用作用域插槽
子组件通过v-bind传递给父组件数据后，父组件用<template slot-scope="props">接受并使用

4-8动态组件与v-once指令

动态组件<component>
v-once指令可以缓存一些需要重复切换的静态资源，提高性能

第五章Vue中的动画特效

5-1transition过渡动画

用<transition>包裹

5-2使用Animated.css库

5-3同时使用Animated.css库和过渡动画

对于同时使用及持续时间的统一作了论述，用到时再详细阅览

5-4结合JS和velocity库使用动画

5-5多元素或组件的动画过渡

多元素

设置key是为了防止DOM复用，mode设置顺序

多组件

5-6列表过渡

将之前的<transition >标签改成<transition-group>

5-7动画封装