vue组件用法

父组件调用子组件

export default {
data() {
return {
token: this.getCookie(“token”)
};
},
components: {
ChinaMap // 子组件名称
},

vue子组件

```php
<template>
  <div class="Page">
    <div id="myChartChina" :style="{width: '100%', height: '710px'}"></div>
    <div class="projectList">
      <div>
        <p> <i class="el-icon-share"></i> 客户总数</p>
        <div class="inputList">{{mapNumStatisticsList.lessnum}}</div>
      </div>
        <p> <i class="el-icon-share"></i> 系统总数</p>
        <div class="inputList">{{mapNumStatisticsList.ctrlnum}}</div>
      </div>
    </div>
    </div>
    </div>
</template>

<script>
import axios from "axios";
import api from "@/untils/requst.js";
export default {
  data() {
    return {
    	// 数据存储
    }
  },
  mounted() {
    // 调用获取数据
    this.mapNumStatistics()
  },
  methods: {
   // 获取数据列表
    mapNumStatistics(){
      var that=this;
      api.post("/api/queryUserSystemStatistics", {
        token:that.token
      })
      .then(function(res) {
        that.mapNumStatisticsList=res.data.businessData
      })      
    }
 }
<script>