思路不難

記住一個嵌套對象，看你的描述應該是3層

[
    {
        name: '1',
        checked: true,
        children: [
            {
                name: '1-1',
                checked: true,
                children: {
                    name: '1-1-1',
                    checked: true
                }
            }
        ]
    }
]

你要做的事情就是點擊某一級顯示這一級下面的children,然后把children里面checked為true的標綠，每個選中/取消選中只要把當前這個child的checked變掉，并且更新父組件選中的數量即可

至于動畫就簡單實用css3 transition就可以了。把隱藏顯示改成left的變化或者寬度的變化

看看iview可以否，我記得有多級聯動