vue组件基础学习（二）

1. $emit 方法并传入事件的名字，来向父级组件触发一个事件

2.使用事件抛出一个值

有的时候用一个事件来抛出一个特定的值是非常有用的。例如我们可能想让 组件决定它的文本要放大多少。这时可以使用 $emit 的第二个参数来提供这个值：

Enlarge text

然后当在父级组件监听这个事件的时候，我们可以通过 $event 访问到被抛出的这个值：

3. 动态组件

有的时候，在不同组件之间进行动态切换是非常有用的

上述内容可以通过 Vue 的  元素加一个特殊的 is 特性来实现：

在上述示例中，currentTabComponent 可以包括

• 已注册组件的名字，或
• 一个组件的选项对象

4.is特性

有些 HTML 元素，诸如 

、
、 和 ，对于哪些元素可以出现在其内部是有严格限制的。而有些元素，诸如 
1. 、
 和 ，只能出现在其它某些特定的元素内部。

这会导致我们使用这些有约束条件的元素时遇到一些问题。例如：

这个自定义组件  会被作为无效的内容提升到外部，并导致最终渲染结果出错。幸好这个特殊的 is 特性给了我们一个变通的办法：