vue.js初學之組件開發理解

如果只是一些小頁面的開發,可能組件的功能用不上,但到了開發大型項目的時候,需要複雜的並且很多重複或者類似模塊的時候,組件化開發的強大就可以體現得淋漓盡致

我們來假設一個場景,比方說我們要來做一個工作臺,這個工作臺呢就是爲了給我們辦公室裏的每個人發佈任務,就相當於說,我們得做一個任務列表,然後每個人有不同的任務,那麼就可以把個人任務做成一個組件(如上一篇講到的todolist),那麼一個就不用重複去寫<ul>列表,直接把三個todo-item組件扔上去就OK

<div id="app-1">
    <todo-item></todo-item>
    <todo-item></todo-item>
    <todo-item></todo-item>
</div>


再假如,我們不止只有一個辦公室,我們有好幾個辦公室都要發佈任務,每個任務要發佈到人。聽起來複雜了一些,但是對於vue都一樣,我們可以把剛剛做好的辦公室再做成一個組件,然後做類似的把辦公室扔進去就好



這裏我們也對應了官網的一張圖


那麼這裏我們也拋出一個問題,公司發佈任務給每個辦公室,那麼這些任務肯定是公司決定的,不會說辦公室想幹嘛就幹嘛,那麼公司要怎麼把任務交給辦公室呢,辦公室要怎麼把任務再交給辦公室的人呢?下一篇見~


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章