vue.js组件数据绑定_一个Vue.js组件以显示分层数据

vue.js组件数据绑定

发现者 (vue-finder)

A Vue.js component to display hierarchical data (like the MacOS X finder).

一个Vue.js组件，用于显示分层数据(如MacOS X finder)。

View Demo 查看演示 View Github 查看Github

安装 (Installation)

npm install --save @jledentu/vue-finder

vue-finder can be used as a module in both CommonJS and ES module environments. When in non-modular environment, vue-finder will register all the components to vue by itself.

vue-finder可以在CommonJS和ES模块环境中用作模块。 在非模块化环境中，vue-finder将自己注册所有组件到vue。

ES6 (ES6)

import { Finder } from '@jledentu/vue-finder';

export default {
  ...
  components: {
    Finder
  },
  ...
};

普通JS (CommonJS)

//
// You can register a component manually
//
var Vue = require('vue');
var VueFinder = require('@jledentu/vue-finder');

var YourComponent = Vue.extend({
  ...
  components: {
    'vue-finder': VueFinder.Finder
  },
  ...
});

浏览器 (Browser)

<script src="path/to/vue/vue.min.js"></script>
<script src="path/to/@jledentu/vue-finder/dist/vue-finder.min.js"></script>
<!-- Components are registered globally -->

之后，您可以在模板中使用它： (After that, you can use it in your templates:)

<vue-finder></vue-finder>

翻译自: https://vuejsexamples.com/a-vue-js-component-to-display-hierarchical-data/

vue.js组件数据绑定