Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/creative-connections/vue2-bdl2-sample-app

Vue 2 Sample project with Bodylight.js-Components.
https://github.com/creative-connections/vue2-bdl2-sample-app

Last synced: 10 days ago
JSON representation

Vue 2 Sample project with Bodylight.js-Components.

Awesome Lists containing this project

README

        

# vue2-bdl2

Sample project using Bodylight.js-Components as web components in Vue.js 2 application.

Includes these changes in:
1) `index.html`
```html
...



...
```
2) `main.js`
```javascript
...
Vue.config.ignoredElements = ['bdl-fmi','bdl-chartjs-time','bdl-range']
...
```
3) `About.vue`
```html


This is an about page



bodylight components:


Press buttons to start/stop/step/reset simulation:

Change the slider value. When released - it is sent to model and simulation is recalculated accordingly:

Show some variables in chart:


```

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).