vue組件有什么

這篇文章給大家分享的是有關(guān)vue組件有什么的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

問答

1、vue 組件有什么？

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

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

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

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

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

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

2、什么是組件？

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

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

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

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

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

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

注冊還有全局注冊和局部注冊，以后學習慢慢介紹。

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

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

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

感謝各位的閱讀！關(guān)于“vue組件有什么”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！