openLayer-图层高亮源码

## 一、Vue3如何设置全局变量 ```js //main.js 配置属性 import { createApp } from 'vue' import App from './App.vue' const app = createApp(App) app.config.globalProperties.$map = 'map'; app.mount('#app') ``` ```vue //App.vue中获取全局数据 <script setup> import { onMounted, getCurrentInstance } from "vue"; onMounted(() => { const { proxy } = getCurrentInstance(); console.log(proxy.$map); }); </script> ``` ## 二、伪代码的执行 ``` //main.js import './assets/main.css' import { createApp } from 'vue' import App from './App.vue' export const app = createApp(App) //key-code app.mount('#app') ``` ```vue //OpenMap.vue <template> <div>Map</div> </template> <script setup> import { app } from "../main.js"; //key-code import { onMounted } from "vue"; onMounted(() => { app.config.globalProperties.$map = "map"; //key-code }); </script> <style scoped></style> ``` ```vue //OpenControl.vue <template> <div>Control</div> </template> <script setup> import { onMounted, getCurrentInstance } from "vue"; onMounted(() => { const { proxy } = getCurrentInstance(); //key-code console.log(proxy.$map); }); </script> ```