https://github.com/rcarcasses/vue-cytoscape

cytoscape.js now inside vue.js
https://github.com/rcarcasses/vue-cytoscape

cytoscapejs vuejs2

Last synced: about 6 hours ago
JSON representation

cytoscape.js now inside vue.js

• Host: GitHub
• URL: https://github.com/rcarcasses/vue-cytoscape
• Owner: rcarcasses
• License: mit
• Created: 2018-02-23T10:35:27.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-10T20:32:32.000Z (about 2 years ago)
• Last Synced: 2025-01-01T15:08:40.946Z (7 days ago)
• Topics: cytoscapejs, vuejs2
• Language: TypeScript
• Homepage: https://rcarcasses.github.io/vue-cytoscape
• Size: 5.92 MB
• Stars: 96
• Watchers: 4
• Forks: 34
• Open Issues: 41
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
[![NPM](https://nodei.co/npm/vue-cytoscape.png)](https://nodei.co/npm/vue-cytoscape/)

[![npm](https://img.shields.io/npm/dm/vue-cytoscape.svg?style=flat-square)](https://www.npmjs.com/package/vue-cytoscape)

[![Patreon](https://img.shields.io/badge/patreon-donate-blue.svg?style=flat-square)](https://www.patreon.com/rcarcasses)

[![Donate](https://img.shields.io/badge/Donate-PayPal-blue.svg?style=flat-square)](https://paypal.me/CarcassesQuevedo)

# vue-cytoscape

> Cytoscape, now in vue

For more details please visit our site:

[https://rcarcasses.github.io/vue-cytoscape](https://rcarcasses.github.io/vue-cytoscape)

# Migration guide

To upgrade from `v0.2.x` to `v1.0.x`:

- `this.$cytoscape.instance` no longer exist in `v1`, if you want to access cytoscape instance use the `afterCreated` lifecycle hook.

- Creating elements by passing `config.elements` configuration is discouraged, use the `CyElement`s api instead.

# Changelog

## v1.0.7

- reactivity added for element data & positions

## v1.0.0

- Typescript support.

- Multiple `cytoscape` instances support.

- `v-on:` directive events api introduced.

- Documentation with `vuepress`.

- DOM reflection removed.

## v0.2

- `cytoscape` events can now be listened in through the component.

- Graph elements can be added as children of the `cytoscape` component.

- Adding/removing elements directly using `cytoscape` instance is reflected in the `Cytoscape` component: `CyElement`s

components are added/removed accordingly.

## v0.1

- Support for `cytoscape` interaction via global instance.

- `preConfig` and `afterCreated` lifecycle hooks provided, support for `cytoscape` plugins.