vue-flexmonster
Advanced tools
Comparing version 2.7.21 to 2.7.22
/*! | ||
* vue-flexmonster v2.7.21 | ||
* vue-flexmonster v2.7.22 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.7.21 | ||
* vue-flexmonster v2.7.22 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.7.21 | ||
* vue-flexmonster v2.7.22 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.7.21 | ||
* vue-flexmonster v2.7.22 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.7.21 | ||
* vue-flexmonster v2.7.22 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.7.21 | ||
* vue-flexmonster v2.7.22 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.7.21 | ||
* vue-flexmonster v2.7.22 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.7.21 | ||
* vue-flexmonster v2.7.22 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.7.21 | ||
* vue-flexmonster v2.7.22 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.7.21 | ||
* vue-flexmonster v2.7.22 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.7.21 | ||
* vue-flexmonster v2.7.22 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
/*! | ||
* vue-flexmonster v2.7.21 | ||
* vue-flexmonster v2.7.22 | ||
* (c) Flexmonster <help@flexmonster.com> | ||
@@ -4,0 +4,0 @@ * Released under the MIT License. |
{ | ||
"name": "vue-flexmonster", | ||
"version": "2.7.21", | ||
"version": "2.7.22", | ||
"description": "VueJS Module for Flexmonster Pivot Table & Charts", | ||
@@ -5,0 +5,0 @@ "main": "./dist/index.js", |
@@ -9,8 +9,11 @@ # Vue module for Flexmonster Pivot Table & Charts | ||
* [Usage](#usage) | ||
* [Sample Project](#sample-project) | ||
* [License](#license) | ||
* [Support & feedback](#support-feedback) | ||
## <a name="getting-started"></a>Getting Started ## | ||
If you don’t have Vue app, you can create it by running in the console: | ||
###### If you don’t have Vue app, you can create it by running in the console: | ||
@@ -22,8 +25,17 @@ ```bash | ||
Add Flexmonster Vue module by running in the console: | ||
###### Install the Flexmonster Vue module by running in the console: | ||
```bash | ||
npm i vue-flexmonster --save | ||
npm i --save vue-flexmonster | ||
``` | ||
###### Install the Flexmonster module by running in the console: | ||
```bash | ||
npm i --save flexmonster | ||
``` | ||
## <a name="usage"></a>Usage ## | ||
@@ -33,6 +45,7 @@ | ||
<a name="usage-plugin"></a>1) Use Flexmonster Vue module as a Vue plugin | ||
1.1) Add the following lines to the main.js file: | ||
#### 1) Use Flexmonster Vue module as a Vue plugin | ||
###### 1.1) Add the following lines to the main.js file: | ||
```bash | ||
@@ -45,6 +58,9 @@ import Pivot from "vue-flexmonster"; | ||
<a name="usage-locally"></a>2) Register Flexmonster Vue module locally: | ||
Now Pivot can be used by any component in your application. | ||
2.1) Import `vue-flexmonster` in App.js: | ||
#### 2) Register Flexmonster Vue module locally: | ||
###### 2.1) Import `vue-flexmonster` in App.vue: | ||
```bash | ||
@@ -56,4 +72,5 @@ import {Pivot} from "vue-flexmonster"; | ||
2.2) Add the module to the `components` property in App.js: | ||
###### 2.2) Add the module to the `components` property in App.vue: | ||
```bash | ||
@@ -69,4 +86,5 @@ export default { | ||
<a name="usage-template"></a>After defining as a plugin or local component, use the module in `<template></template>` in App.js: | ||
#### After defining as a plugin or local component, include the module in `<template></template>` in App.vue: | ||
```bash | ||
@@ -77,4 +95,5 @@ <template> | ||
ref="pivot" | ||
toolbar | ||
v-bind:report="'https://cdn.flexmonster.com/reports/report.json'" | ||
></Pivot> | ||
></Pivot> | ||
</div> | ||
@@ -85,4 +104,5 @@ </template> | ||
Run your application from the console: | ||
###### Run your application from the console: | ||
```bash | ||
@@ -92,5 +112,11 @@ npm run serve | ||
To see the result open your browser on `http://localhost:8080/`. | ||
The project should be available at `http://localhost:8080/`. | ||
## <a name="sample-project"></a>Sample Project ## | ||
Please see our [sample Vue project using the Flexmonster Vue module](https://github.com/flexmonster/pivot-vue). | ||
## <a name="license"></a>License ## | ||
@@ -102,4 +128,5 @@ | ||
## <a name="support-feedback"></a>Support & feedback ## | ||
Please share your feedback or ask questions via [Flexmonster Forum](https://www.flexmonster.com/forum/). |
109644
123