首頁猿問關(guān)于vue組件的兩個規(guī)范習(xí)慣問題

關(guān)于vue組件的兩個規(guī)范習(xí)慣問題

WebApp JavaScript Vue.js

RoughColorText 2019-01-13 00:35:10

1. 一般平時寫頁面，都把頁面組件化嗎？就是把一個頁面分成.vue寫。2. 如果頁面分成幾個組件去寫，一般是在子組件里面請求接口嗎？還是（頁面）父組件去請求接口然后傳遞進去？

查看完整描述

1 回答

pardon110

TA貢獻1038條經(jīng)驗獲得超227個贊

你如果是做單頁面應(yīng)用，通常是用vuex來管理狀態(tài)，也就是接口數(shù)據(jù)。如果只是簡單的一個兩個頁面，通常是根據(jù)需求決定。

反對回復(fù) 2019-01-13

RoughColorText
那就是做單頁面應(yīng)用時，例如一個頁面，一般會把header寫一個.vue組件，菜單也寫一個，主體也寫一個，一個塊寫一個，footer也寫一個嗎？還是就一個頁面一個.vue文件，然后多處復(fù)用的地方才寫成一個組件？

回復(fù) 2019-01-13
RoughColorText
還有如果把一個頁面都分成多個.vue文件（組件）去寫的話，一般請求接口數(shù)據(jù)是在父組件請求然后傳入子組件？還是直接就在每個子組件里面請求接口數(shù)據(jù)寫進去？

回復(fù) 2019-01-13
pardon110
采用.vue文件通常是在單頁面應(yīng)用。數(shù)據(jù)通常用vuex管理與后端交互，對前端而言相當(dāng)于前端接口，數(shù)據(jù)可按需加載，分模塊的分命名空間，并不是簡單的父子傳遞。如果只是一兩個頁面用vue視圖框架，不需要用到前端路由，重度數(shù)據(jù)管理，用一個vue實例當(dāng)作事件總線（主要用在非父子組件間通信，比如兄弟組件）就可以了。你所理解的父子組件通信只是最基本的形式，大型的單頁面應(yīng)用并不是很經(jīng)濟，層層傳遞消耗太大。

回復(fù) 2019-01-13