Vue樹形菜單

想法：通過觀察樹形菜單的佈局，我們可以發現，樹形菜單的數據結構應該是如下圖所示： 一個數組中包含多個對象，對應的一個對象再包含一個 二級數組(也就是展開後的菜單)。知道了數據結構，接下來我們開始做佈局( 一個li標籤表示一個菜單，li下的ul是對應的二級菜單) 接下來說一下，點擊展開/關閉菜單的函數實現 expanded表示當前一級菜單是否展開，函數中的if判斷，是爲了在點擊其它菜單時，關閉當前已

>>阅读原文<<