vue高德地图

Vue3

Vue3 起步 | 菜鸟教程

介绍 | Vue.js

Visual studio code

Documentation for Visual Studio Code

element-plus

安装 | Element Plus

npm install element-plus --save

vue高德地图_第1张图片

js和vue方法的相互调用

在js里调用vue方法

我们需要把方法注册到vue对象之外的页面,所以对与在methods中定义的方法,需要在mounted中注册给window。之后我们可以在js里直接调用,

vue高德地图_第2张图片

在vue里调用js方法

直接使用window.方法名就可以调用

 

组件间数据通信

Vue子组件中 data 从props中无法动态更新数据问题_长安有故里,安河桥有你的博客-CSDN博客_vue的props数据不更新问题

插件使用,第三方库

插件 | Vue.js

app use后可以在整个app中使用无需再import了,

axios如此,可以加个this。

高德地图

兼容高德原生 SDK | @vuemap/vue-amap

没有用上原生sdk

原生sdk示例:

两点间距离-距离/面积计算-示例中心-JS API 示例 | 高德地图API

调试

在 VS Code 中调试 — Vue.js

Vue3中使用调试工具 Vue.js Devtools - 清和时光 - 博客园

发布

模式和环境变量 | Vue CLI

相对路径问题:

vue打包使用相对路径 - 幸福安康 - 博客园

vue高德地图_第3张图片

 

资源

GitHub - vuejs/awesome-vue: A curated list of awesome things related to Vue.js

你可能感兴趣的:(js,javascript)