How does the vue tree structure get the parent?

want to make a tree structure similar to resource manager, how to get a reasonable path?

such as

[{
    id:0,
    name:"folder1",
    children:[{
        id: 1,
        name: "folder1-1"
    }]
}]

folder1
|-- folder1-1

Click folder1-1 to get

folder1/folder1-1
Nov.13,2021

according to the virtual dom, corresponding to the clicked node, you can get the virtual dom, of the parent node and thus the data of the parent node.
there are references between the dom element el and the virtual Dom object vm rendered by the tree node, vm.$el, el.__vue__

Menu