Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/algesthesiah/vuetreeview
Vue high-performance functional tree component
https://github.com/algesthesiah/vuetreeview
functional jsx tree view vue webpack4
Last synced: 3 months ago
JSON representation
Vue high-performance functional tree component
- Host: GitHub
- URL: https://github.com/algesthesiah/vuetreeview
- Owner: algesthesiah
- Created: 2019-10-15T04:59:49.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-04-02T08:01:38.000Z (over 4 years ago)
- Last Synced: 2024-04-26T15:22:52.759Z (8 months ago)
- Topics: functional, jsx, tree, view, vue, webpack4
- Language: Vue
- Homepage: https://algesthesiahunter.github.io/VueTreeView
- Size: 17.6 KB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue2-tree-view
> A simple organization tree chart based on Vue2.x
## Usage
``` html
vue2-tree-view
{{ it.label }}
```
``` js
export default {
data() {
return {
data: [
{
children: [
{
label: 'Minnie Mouse',
},
{
label: 'Tom Bombadil',
},
],
},
{
children: [
{
label: 'Minnie Mouse',
},
{
label: 'Tom Bombadil',
},
],
},
],
}
},
}
```
### DEMO
- [在线网址](https://coding.algesthesiahunter.top/VueTreeView)
- [Online site]()
### NPM
``` bash
# use npm
npm i vue2-tree-view -S
# use yarn
yarn add vue2-tree-view
```
### Import Plugins
``` js
import VueTreeView from 'vue2-tree-view'
Vue.use(VueTreeView)
```