2.基礎：Vue組件的核心概念

一、組件基礎和註冊

組件概念

　　組件系統是 Vue 的另一個重要概念，他的核心就是封裝和複用。

細節

　　組件的name必須是全局唯一。

 

二、屬性、事件和插槽

　　組件的三大核心概念：屬性、事件和插槽。

 　　屬性，事件，插槽好文

1.屬性

1.1導言

　　vue組件 = vue實例 = new Vue(options)

　　不同的組件只不過是options的不同，90%的工作都是圍繞配置options來進行

1.2分類

　　

 

 2.事件 

　　

• 事件冒泡
• 阻止事件冒泡

3.插槽

分類：

• 默認插槽
• 具名插槽
• 作用域插槽

本質：

　　作用域插槽本質上是返回組件的函數，用來傳遞複雜內容的方式，僅僅因爲在屬性當中無法傳遞複雜內容而設置的一組API.

<template v-slot:pre-icon＝“{value}”>
   <span></span>
<template>

三、單文件組件

環境安裝

• ES6入門
• vue cli介紹

Vue CLI 是一個基於 Vue.js 進行快速開發的完整系統

• vue cli安裝[有坑]

npm install -g @vue/cli
# OR
yarn global add @vue/cli