用vue一分钟快速实现一个可视化编辑器

视频教程: www.bilibili.com/video/BV1Ay…

安装

topology-vue

$ npm install topology-vue

# OR

$ yarn add topology-vue
复制代码

使用组件

1. 导入组件

Typescript使用方式
github.com/le5le-com/t…




复制代码

JavaScript使用方式
github.com/le5le-com/t…




复制代码

2. 加载相关字体文件



  
    
    
    
    
    
    
  
  
    <%= htmlWebpackPlugin.options.title %>
  
  
    
    
复制代码

3. 加载相关js文件






复制代码

页面效果

用vue一分钟快速实现一个可视化编辑器_第1张图片

底层核心库开源

topology-vue基于开源核心库开发的上层应用

核心库GIthub: https://github.com/le5le-com/topology

免费在线使用:http://topology.le5le.com

 

你可能感兴趣的:(前端,vue.js,新手学习实战)