<!--
 * @Author: your name
 * @Date: 2022-01-11 13:44:17
 * @LastEditTime: 2022-01-20 14:30:03
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: /hello-world/src/views/About.vue
-->
<template>
  <div class="wrapper">
    <div @click="click">点我</div>
    <div>{{deviceData.lat}}</div>
    <div>{{deviceData.id}}</div>
    <div>{{deviceData.type}}</div>
    <div>{{deviceData.lng}}</div>
    <div>12312312321{{a}}</div>
  </div>
</template>

<script>
  //这个东西是用新的实例创建的，跟主vue没有关联，必须传进来才可以
  // vueRoot,
  //   // 自己写的map类
  //   mapClass,
  //   // 数据
  //   deviceData,
export default {
    name: "Pipe",
    data() {
      return {
        a:123
      };
    },
    // props: {
    //   // 代表地图页面的vue
    //   vueRoot: {
    //     type: Object,
    //     default: () => null,
    //   },
    //   // 数据
    //   deviceData: {
    //     type: Object,
    //     default: () => null,
    //   },
    // },
    mounted(){
      console.log(this.deviceData)
    },
    methods: {
      click() {

      },
    },
  };
</script>

<style lang="scss" scoped>
  .wrapper {
    width: 200px;
    height: 200px;
    background: red;
  }
</style>