Vue Mindmap

VueMindmap is a vue component for mindnode maps

Installation

npm install --save vue-mindmap

Usage

Bundler (Webpack, Rollup)

import Vue from 'vue'
import VueMindmap from 'vue-mindmap'
// You need a specific loader for CSS files like https://github.com/webpack/css-loader
import 'vue-mindmap/dist/vue-mindmap.css'

Vue.use(VueMindmap)

<template>
  <mindmap
          :nodes="nodes"
          :connections="connections"
          :editable="true"
  />
</template>

<script>
  export default {
      name: 'MyMindmap',
      data() {
          return {
              nodes: [...],
              connections: [...]
          }
      }
  }
</script>

Browser

<!-- Include after Vue -->
                                <!-- Local files -->
<link rel="stylesheet" href="vue-mindmap/dist/vue-mindmap.css"></link>
<script src="vue-mindmap/dist/vue-mindmap.js"></script>

                                <!-- From CDN -->
<link rel="stylesheet" href="https://unpkg.com/vue-mindmap/dist/vue-mindmap.css"></link>
<script src="https://unpkg.com/vue-mindmap"></script>