我的 github 地址 - vue3.0Study - 階段學(xué)習(xí)成果都會建立分支。

問答

1、vue 組件有什么？

為什么要加上 vue，因為不同的 MVC 框架，東西不一樣，不過基本的功能都有。

組件有 data、computed、watch、methods 以及生命周期鉤子等。對于入門者來說，先搞清楚這些是什么東西。

data 屬性經(jīng)過前面幾篇文章的學(xué)習(xí)，對其已有初步的了解。

computed 是計算屬性，前面也有了解。

methods 組件方法，其實是專門定義函數(shù)的一個對象，這些函數(shù)最終綁定到組件上。

watch 和 生命周期鉤子 也不是什么高深的東西！就是個函數(shù)而已，別被這些【高大上】的名字給嚇著。后面會學(xué)習(xí)它們。如果了解過 C++ 或 JAVA 的函數(shù)重載的概念，那就這么理解這兩個東西吧。

2、什么是組件？

組件也不是什么高深的東西。html 標簽 div form img 等知道吧，都是【組件】, 只不過呢，vue 里邊的組件可以自己命名，也可以定義自己的屬性等等，說白了，就是擴展標簽。

關(guān)于組件，標準實際上已經(jīng)實現(xiàn)了，叫做【自定義元素】，谷歌為那些沒有實現(xiàn)這個標準的瀏覽器做了個 polyfill，也即是 【polymer】框架：polymer地址，都出到 3.0 版本了，谷歌一直在維護。

3、組件還有什么需要了解的？

組件復(fù)用、組件注冊、組件組織、組件怎么互相傳遞數(shù)據(jù)、組件插槽、動態(tài)組件等內(nèi)容。

組件復(fù)用，其實就是搞成一個 html【標簽】。它怎么用，傳遞什么數(shù)據(jù)給它，它有什么交互功能，怎么顯示 ( 前面幾篇文章就在介紹這些 ) 都已預(yù)定義。

組件注冊 和 組件組織，結(jié)合起來理解。還是用 html 來理解，div 可以包含 div ( 子元素 )；組件也可以包含子組件；html 是如何組織的，組件也是如何組織；注冊是怎么回事？vue 中組件要使用其他組件，必須 import 其他組件，這就是注冊啦。對！注冊和組織，就是這么簡單！

注冊還有全局注冊和局部注冊，以后學(xué)習(xí)慢慢介紹。

傳遞數(shù)據(jù)。html 標簽之間，無法自己傳遞數(shù)據(jù) ( 當然，有些 css 屬性比如 font-size，是單向傳遞的 )。vue 組件可不一樣，父組件不單單可以給子組件傳遞數(shù)據(jù)，子組件也可以給父組件傳遞數(shù)據(jù)。父 => 子 用 props；子 => 父 用 emit 事件。

插槽。我覺得實際運用過程中，也不一定非要用，以后學(xué)習(xí)在介紹。

動態(tài)組件。比如 nav 導(dǎo)航條，每個導(dǎo)航，可以理解為單個組件，組件復(fù)用之后呢，就是導(dǎo)航條。那么怎么知道目前的導(dǎo)航是哪個呢？這就是動態(tài)組件的用處。

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

高端一點的東西

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

好了，以上就是本文的全部內(nèi)容，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！

最新評論