Vue學習筆記:Vue組件的核心概念(上)

1、組件基礎和註冊

組件概念

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

細節

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

 

2、屬性、事件和插槽

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

 　　屬性，事件，插槽好文

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>

3、單文件組件

環境安裝

• ES6入門
• vue cli介紹

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

• vue cli安裝[有坑]

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