vue 图扑 开发_用vue一分钟快速实现一个可视化编辑器（流程图、拓扑图、web组态、SCADA）...

安装

topology-vue$ npm install topology-vue

# OR

$ yarn add topology-vue

使用组件

1. 导入组件

import { Component, Vue } from 'vue-property-decorator';

import topology from 'topology-vue';

import 'topology-vue/topology-vue.css';

@Component({

components: {

topology,

},

})

export default class Home extends Vue {}

.home {

height: calc(100vh - 80px);

}

// 导入topology-vue组件

import topology from "topology-vue";

// 需要导入topology-vue.css

import "topology-vue/topology-vue.css";

export default {

name: "Home",

components: {

topology,

},

};

.home {

height: 100vh;

}

2. 加载相关字体文件

href="//at