认真专注自信自律

Vue提供了一些抽象概念，可以帮助处理过渡和动画，特别是在响应某些变化时。这些抽象的概念包括： 在CSS和JS中，使用内置的transition元素组件来钩住组件中进入和离开DOM 过渡模式，以便在过

这里记录和处理边界情况有关的功能，即一些需要对Vue的规则做一些小调整的特殊情况。不过注意这些功能都是有劣势或危险的场景的，当使用每个功能的时候请稍加留意。 1.控制更新 得益于其响应性系统，Vue总

尽管存在prop和事件，但有时你可能仍然需要直接访问JavaScript中的子组件。为此，可以使用ref attribute为子组件或HTML元素指定引用ID： 如果你希望在组件挂载时，以编程的方式f

1.在动态组件上使用keep-alive 我们可以在一个多标签的界面中使用is attribute来切换不同的组件： 当在这些组件之间切换的时候，有时会想保持这些组件的状态，以避免反复渲染导致的性能问

通常，当我们需要从父组件向子组件传递数据时，我们使用props。想象一下这样的结构：有一些深度嵌套的组件，而深层的子组件只需要父组件的部分内容。在这种情况下，如果仍然将prop沿着组件链逐级传递下去，

1.插槽内容 Vue实现了一套内容分发的API，这套API设计灵感来源于Web Components规范草案，将slot元素作为承载分发内容的出口。 字符串替换slot 插槽还可以包含任何模板代码，包

1.事件名 与组件和prop一样，事件名提供了自动的大小写转换。如果用驼峰命名的子组件中触发一个事件，你将可以在父组件中添加一个kebab-case（短横线分隔命名）的监听器。 this.$emit(

一个非prop的attribute是指传向一个组件，但是该组件并没有相应props或emits定义的attribute。常见的示例包括class、style和id属性。 1.Attribute继承 当

1.Prop类型 目前有以字符串数组形式列出的prop： props：['title', 'likes', 'isPublished', 'commentIds', 'author'] 但是通常希望每