vue3.0 CLI - 2.5 - 了解組件的三維

我的 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 導航條，每個導航，可以理解為單個組件，組件復用之后呢，就是導航條。那么怎么知道目前的導航是哪個呢？這就是動態組件的用處。

組件需要了解的東西，簡單介紹到這里。

高端一點的東西

上面說的，組件的數據流啊、動態和異步組件啊、訪問組件的特殊方式啊、依賴注入啊、強制更新啊等等東西，學習到路由的時候，組件跟路由的糾纏關系啊，還有狀態管理系統跟組件的關系等等，就不說那么多東西來嚇人，其實這些東西也不是高深的東西，以后我會抽絲剝繭的用形象的方式介紹出來。

好了，

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com