<!-- * @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>