Myeasymap-ui NPM

easymap-ui

安装

npm i myeasymap-ui

引用

1. npm引用

1.1 整体引用

在 main.js 引入并注册

import 'myeasymap-ui/lib/myeasymap-ui.css'
import EasymapUI from 'myeasymap-ui'
Vue.use(EasymapUI)

1.2 单独引用

import 'myeasymap-ui/lib/myeasymap-ui.css'
import { message, button } from 'myeasymap-ui'
Vue.use(message)
Vue.use(button)

1.3 组件中引用

<template>
  <easymap-message :message="message"></easymap-message>
</template>
<script>
  export default {
    data () {
      return {
        message: ' easymap'
      }
    }
  }
</script>

2. cdn使用

<!-- 引入vue -->
<script src="https://unpkg.com/vue@2.5.22/dist/vue.min.js"></script>
<!-- 引入easymap-ui -->
<link rel="stylesheet" href="./lib/myeasymap-ui.css">
<script src="./lib/myeasymap-ui.js"></script>

<div id="app">
  <easymap-message :message="message"> 我是一个兵，来自老百姓 </easymap-message>
  <easymap-button :theme="'red'">取消</easymap-button>
  <easymap-button :theme="'blue'">确定</easymap-button>
</div>

<script>
  new Vue({
    el: '#app',
    data() {
      return {
        message: ' easymap'
      }
    }
  });
</script>