概述

上一篇我們重點介紹了元件的建立、註冊和使用，熟練這幾個步驟將有助於深入元件的開發。

今天我們將著重介紹slot和父子元件之間的訪問和通訊，

slot是一個非常有用的東西，它相當於一個內容插槽，它是我們重用元件的基礎。

Vue的事件系統獨立於原生的DOM事件，它用於元件之間的通訊。

本文的主要內容如下：

• 元件的編譯作用域
• 在元件template中使用<slot>標籤作為內容插槽
• 使用$children, $refs, $parent 實現父子元件之間的例項訪問
• 在子元件中，使用$dispatch向父元件派發事件；在父元件中，使用$broadcast向子元件傳播事件
• 結合這些基礎知識，我們一步一步實現一個CURD的示例

注意：以下示例的元件模板都定義在<template>標籤中，然而IE不支援<template>標籤，這使得在IE中<template>標籤中的內容會顯示出來。解決辦法——隱藏<template>標籤

template{
    display: none;
}