w-geo-vue

A geo component for vue(vue2).

Documentation

To view documentation or get support, visit docs.

Example

To view some examples for more understanding, visit examples:

all components: web [source code]

Installation

Using npm(ES6 module):

Note: w-geo-vue is mainly dependent on w-component-vue, w-geo and wsemi.

npm i w-geo-vue

Import all components:

//choose component
<w-plot-2d
    ...
></w-plot-2d>

//import
import WGeoVue from 'w-geo-vue'

//use
Vue.use(WGeoVue)

Import one component:

//choose component
<w-plot-2d
    ...
></w-plot-2d>

//import
import WPlot2d from 'w-geo-vue/src/components/WPlot2d.vue'

//component
Vue.component('w-plot-2d',WPlot2d)
//or
export default {
    components: {
        WPlot2d,
        //or
        'w-plot-2d': WPlot2d,
    },
    ...
}

In a browser(UMD module):

Note: umd file of w-geo-vue is mainly dependent on vue.

[Necessary] Add script for w-geo-vue.

<script src="https://cdn.jsdelivr.net/npm/w-geo-vue@1.0.16/dist/w-geo-vue.umd.js"></script>

Directly use:

//app and component
<div id="app">
    <w-plot-2d
        ...
    ></w-plot-2d>
</div>

//use
Vue.use(window['w-geo-vue'])

//new
new Vue({
    el: '#app',
    data: {
        ...
    }
})