純小白入手 vue3.0 CLI - 2.5 - 瞭解元件的三維
vue3.0 CLI 真小白一步一步入手全教程系列：ofollow,noindex" target="_blank">https://www.cnblogs.com/ndos/category/1295752.html
我的 github 地址 -vue3.0Study - 階段學習成果都會建立分支。
==========================
問答
1、vue 元件有什麼？
為什麼要加上 vue，因為不同的 MVC 框架，東西不一樣，不過基本的功能都有。
元件有
data
、
computed
、
watch
、
methods
以及生命週期鉤子
等。對於入門者來說，先搞清楚這些是什麼東西。
data 屬性經過前面幾篇文章的學習，對其已有初步的瞭解。
computed 是計算屬性，前面也有了解。
methods 元件方法，其實是專門定義函式的一個物件，這些函式最終繫結到元件上。
watch 和 生命週期鉤子 也不是什麼高深的東西！就是個函式而已，別被這些【高大上】的名字給嚇著。後面會學習它們。如果瞭解過 C++ 或 JAVA 的函式過載的概念，那就這麼理解這兩個東西吧。
2、什麼是元件？
元件也不是什麼高深的東西。html 標籤 div form img 等知道吧，都是【元件】, 只不過呢，vue 裡邊的元件可以自己命名，也可以定義自己的屬性等等，說白了，就是擴充套件標籤。
關於元件，標準實際上已經實現了，叫做【自定義元素 】，谷歌為那些沒有實現這個標準的瀏覽器做了個 polyfill，也即是 【polymer】框架：polymer地址 ，都出到 3.0 版本了，谷歌一直在維護。
3、元件還有什麼需要了解的？
元件複用 、元件註冊 、元件組織 、元件怎麼互相傳遞資料 、元件插槽 、動態 元件等內容。
元件複用，其實就是搞成一個 html【標籤】。它怎麼用，傳遞什麼資料給它，它有什麼互動功能，怎麼顯示 ( 前面幾篇文章就在介紹這些 ) 都已預定義。
元件註冊 和 元件組織，結合起來理解。還是用 html 來理解，div 可以包含 div ( 子元素 )；元件也可以包含子元件；html 是如何組織的，元件也是如何組織；註冊是怎麼回事？vue 中元件要使用其他元件，必須 import 其他元件，這就是註冊啦。對！註冊和組織，就是這麼簡單！
註冊還有全域性註冊和區域性註冊，以後學習慢慢介紹。
傳遞資料。html 標籤之間，無法自己傳遞資料 ( 當然，有些 css 屬性比如 font-size，是單向傳遞的 )。vue 元件可不一樣，父元件不單單可以給子元件傳遞資料，子元件也可以給父元件傳遞資料。父 => 子 用 props；子 => 父 用 emit 事件。
插槽。我覺得實際運用過程中，也不一定非要用，以後學習在介紹。
動態元件。比如 nav 導航條，每個導航，可以理解為單個元件，元件複用之後呢，就是導航條。那麼怎麼知道目前的導航是哪個呢？這就是動態元件的用處。
元件需要了解的東西，簡單介紹到這裡。
高階一點的東西
上面說的，元件的資料流啊、動態和非同步元件啊、訪問元件的特殊方式啊、依賴注入啊、強制更新啊等等東西，學習到路由的時候，元件跟路由的糾纏關係啊，還有狀態管理系統跟元件的關係等等，就不說那麼多東西來嚇人，其實這些東西也不是高深的東西，以後我會抽絲剝繭的用形象的方式介紹出來。
==========================
好的，學習這篇文章，對於元件應該有了一個比較平面的認識，下面的學習，讓這個認識立體化。