昨天把vue的地图(高德)搞了下:步骤:1.去高德开发者平台申请key;2.安装vue-amap;3.使用组件调用地图1.npm安装vue-amapnpm install vue-amap --save2.在项目main.js引入vue-amapimport AMap from 'vue-amap';Vue.use(AMap);  // 初始化vue-amapAMap.initAMapApiLoader({  // 高德key  key: '你的key',  /            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-12 13:38:11
                            
                                996阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            项目简介vue-amapvue-amap是基于Vue 2.0和高德地图的地图组件。安装npm install -S vue-amap快速上手引入vue-amap// 引入vue-amapimport AMap from 'vue-amap';Vue.use(AMap);// 初始化vue-amapAMap.initAMapApiLoader({  // 高德的key  key: 'Y...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-22 13:04:23
                            
                                1699阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            npm install vue-amap --save            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-04-09 17:45:00
                            
                                308阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.组件,什么是组件,可以这样理解,一个页面有可能包含很多逻辑,很混乱,当我们将这一大坨东西分为很多个小东西,每一个小东西只完成自己的功能,和其他的小东西互不干涉,页面想要使用,只需要引入就行了。 2.组件的使用可分为三步:一创建组件构造器,二注册组件,三使用组件 3.其实每一个组件就相当于一个vue实例,它也有自己的template,method,data,components这些东西,data            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-03 12:51:40
                            
                                155阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            tries] [-p proto] [-i ] [target port [port] …]TARGE            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-28 17:57:34
                            
                                86阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、组件概念 有html模板,有css样式,有js逻辑的集合体 1、根组件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>模板</title> </head> <body> <div id="app"> <h1>组件概念</h        Read More            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-26 15:56:45
                            
                                143阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            子组件 <div @click="tabClick(item, index)" > methods: { //item和index就是传递的参数 tabClick(item, index) { this.currentIndex = index; this.$emit("tabClick", itm ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-09-01 16:57:00
                            
                                131阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            vue组件使用分三步: 1. 引用组件 import facePop from './components/facePop' 2. 注册组件 components = { facePop } 3. 使用组件 <facePop></facePop> 新建一个components文件夹存放组件 src/            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-11-23 12:22:32
                            
                                95阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言:之前没有接触过页面调用地图的项目,某次面试,老板要求我用vue-amap调用高德地图,回家以后,我去网上查了一些案例和教程,看似很简单的引入调用,我却整整弄了一宿,还没弄出来!!!百般无奈之下,我选择第二天重头来过,一定要找到什么原因...结果!血的教训告诉我,记录教程的时候,一定要有实践基础,切不可敷衍了事,不然别人看你的文章只是在浪费时间。——————————vue调用高德地图拢共分三步            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-12-20 17:22:00
                            
                                417阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue-amap是一套基于Vue 2/vue3和高德地图的地图组件。            
                
         
            
            
            
            Vue组件化的实现与基本步骤基本步骤组件的基本步骤(原始步骤)组件的简化步骤(语法糖)全局组件&局部组件模板分离(简化代码)第一种方式script方式第二种方式 基本步骤组件的基本步骤(原始步骤)创建组件构造器注册组件使用组件代码如下<div id="app"> 
 		//使用组件
        <mycpn></mycpn> 
    </            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-07 17:36:53
                            
                                47阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            amaprefshttps://github.com/amapapi?tab=repositorieslast update 2016-09-15            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-12-15 14:52:41
                            
                                103阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            出现这种错误 我们只需要把插件都引入 在main.js中 plugin中的插件全引入 然后在index.html中的script标签中把所有的插件写全 <script type="text/javascript" src="https://webapi.amap.com/maps?key=42959 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-15 10:37:00
                            
                                3915阅读
                            
                                                        
                                点赞
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            这篇博文用来记录 .vue 组件的使用方法。 可以把组件代码按照 template、style、script 的拆分方式,放置到对应的 .vue 文件中。 模板(template)、初始数据(data)、接受的外部参数(props)、方法(methods)、生命周期钩子函数(lifecycle ho            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-11-14 18:05:00
                            
                                125阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1.什么是组件 组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树: 注册一个全局组件语法格式如下: Vue.component(tag ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-19 19:22:00
                            
                                266阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            这篇文章主要为大家详细介绍了vue全局组件与局部组件的使用方法,具有一定的参考价值,对此有需要的朋友可以参考学习下。vue全局/局部注册,以及一些混淆的组件main.js入口文件的一些常用配置, 在入口文件上定义的public.vue为全局组件,在这里用的是pug模版 .wraper 的形式相当于<div class=wraper></div>—main.js文件**mai            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-27 22:23:17
                            
                                94阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Vue 组件的使用组件的两种命名方式使用 kebab-case Vue.component('my-component-name', { /* ... */ })当使用 kebab-case (短横线分隔命名) 定义一个组件时,你也必须在引用这个自定义元素时使用 kebab-case,例如 。使用 PascalCaseVue.component('MyComponentName', { /* ... */ })当使用 PascalCase (首字母大写命名) 定义一个组件时            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-10 10:45:45
                            
                                184阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在现代移动应用开发中,Android平台使用Vue组件的情况逐渐增多。Vue.js作为一种流行的前端框架,主要用于构建用户界面,而Android应用通常依赖于Java或Kotlin。但随着技术的发展,将这两者结合起来以提升用户体验变得愈发重要。
## 协议背景
对于“Android使用Vue组件”的实现,了解其交互及协议背景是至关重要的。以下是针对这种结合的高层次结构展示:
```merma            
                
         
            
            
            
            import Card from './components/Card.vue'Vue.component('m-card',Card)   // component是注册全局组件,在实例化VUE前调用,注册后可以全局使用 。 components是局部注册组件,注册后只能在当页调用。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-19 16:41:56
                            
                                209阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            介绍组件之间父子关系的形成,如何在组件中使用别的组件,私有组件和全局组件的配置            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-19 11:11:09
                            
                                80阅读
                            
                                                                             
                 
                
                                
                    