全部引入 安装:npm i element-ui main.js: //引入element import ElementUI from 'element-ui'; //引入element全部样式 import 'element-ui/lib/theme-chalk/index.css'; Vue.u ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-10-16 22:55:00
                            
                                1240阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            项目技术栈:脚手架:@vue/cli 5.0.4 vue:vue 3.2.13 typescript:4.5.5 sass:1.32.7 sass-loader:12.0.0背景:.vue文件组件中引入子组件报错(并不是所有的子组件都报错。编译不报错,不影响项目运行) 问题详情:1、父组件中引入两个子组件,只有一个报错错误信息:文件“/Users/wangweizhang/client-            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-19 12:03:53
                            
                                270阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vue项目引入天地图 在vue的静            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-02-26 15:03:00
                            
                                1089阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue项目中引入element ui1.安装element ui1. 安装 Element-UI 模块
   npm install element-ui --save2.在main.js中全局引入element uiimport ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(E            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-19 13:04:20
                            
                                309阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vue中创建组件及引入组件及调用 文章目录一、什么是组件?二、如何注册组件?1.注册组件2.vue项目中引入组件总结 Vue创建组件`Vue框架最核心思想就是组件化,方便开发,便于维护管理,那么,如何在vue中创建组件及如何引用呢?一、什么是组件?组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-31 01:45:53
                            
                                262阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            基于jeecgboot前端框架制作。.env文件中加入变量定义:VUE_APP_MAP_KEY= 你的key项目中config文件夹中的index.js中增加一个变量            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-06 10:59:51
                            
                                322阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            *.vue 文件中 引入组件: let WidgetConfig = reso            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-04 16:28:05
                            
                                487阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            十年河东,十年河西,莫欺少年穷 学无止境,精益求精 先去百度开放平台申请ak。http://lbsyun.baidu.com/ 进来之后 按照步骤走,先登录百度账号,然后申请成为开发者,然后申请ak密钥 填写完毕后提交,会给你邮箱发个激活邮件 点击申请密钥 然后点击提交 这个时候,你就可以拿着这个a            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-28 14:44:40
                            
                                322阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            十年河东,十年河西,莫欺少年穷 学无止境,精益求精 先去百度开放平台申请ak。http://lbsyun.baidu.com/ 进来之后 按照步骤走,先登录百度账号,然后申请成为开发者,然后申请ak密钥 填写完毕后提交,会给你邮箱发个激活邮件 点击申请密钥 然后点击提交 这个时候,你就可以拿着这个a            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-31 09:24:40
                            
                                284阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            整合腾讯地图组件 js引入 index.html引入腾讯地图js <!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <m ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-14 15:48:00
                            
                                283阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            目录一、怎么引入vue到项目中使用1)第一类引入方式1.下载到本地,然后引入2.自己引入CDN3.自己把vue.js文件放在项目文件夹中引入项目 然后webpack打包4.编辑器直接生成cdn的方式2) 第二类引入方式1. 自己构建vue的脚手架(面试):    用npm下载vue 引入到项目中 然后webpack打包2.使用官方脚手架的方式来构建项目环境(面试)3.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-26 10:28:11
                            
                                176阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            比如说有两个vue组件,app.vue,test.vue
要在app.vue中使用test.vue组件,则需要在app.vue组件中进行注册:
下面举一个简单的例子帮助理解:
test.vue:
<templete>
		<div class="test"></div>
		</templete>
		<script>
		export            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-07-10 10:15:39
                            
                                264阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            文章目录vue-cli cdn 方式引入 Vue 模块前言选择 Vue 的 cdn如何引入 cdn ?一手插入一手准备小结 + 打包测试快速配置篇FAQ是否需要删除 import Vue 语句?cdn 哪里找?兼容性样式表怎么使用第三方 CDN ? vue-cli cdn 方式引入 Vue 模块前言如果你只是想快速配置 cdn,可以直接看快速配置篇。Chrome 将于不久后默认开启 限制子资源在            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-30 15:23:12
                            
                                342阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            本来是想用vue-amap ,最后发现没有那样的可以参考的。于是转战高德原生地图。效果图在最后面。(一打开弹框,就能看到车子动态运行的轨迹,一个子就开始跑起来了)(本例子经过线上环境的检验,可直接复用)一、引入高德地图1.在index.html中引入高德地图<!--引入高德地图原生jar包-->
  <script type="text/javascript" src="http            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-22 08:55:28
                            
                                219阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <div id="myChartChina" :style="{width: '100%', height: '500px'}"></div> mounted() { this.drawLine(); }, drawLine(){ /            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-20 12:00:04
                            
                                887阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、最终的效果图
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7tDhdbva-1629082364076)(images/image-20210816080301246.png)]
2、高德地图上注册自己账号并且创建属于自己的key
3、在vue中安装依赖包
npm install @amap/amap-jsapi-loader
4、在main            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-19 14:50:54
                            
                                10000+阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            (1)组件化模块化就是将系统功能分离成独立的功能部分的方法,一般指的是单个的某一种东西,例如js、css而组件化针对的是页面中的整个完整的功能模块划分,组件是一个html、css、js、image等外链资源,这些部分组成的一个聚合体优点:代码复用,便于维护划分组件的原则:复用率高的,独立性强的组件应该拥有的特性:可组合,可重用,可测试,可维护(2)组件在vue中,我们通过Vue.extend来创建            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-09 18:08:06
                            
                                162阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            最近项目需要用到天地图,要引入到Vue项目中,鉴于官网没有相关的说明文档,在这            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-17 10:40:01
                            
                                1874阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            先去百度开放平台申请ak。http://lbsyun.baidu.com/  进来之后  按照步骤走,先登录百度账号,然后申请成为开发者,然后申请ak密钥   填写完毕后提交,会给你邮箱发个激活邮件  点击申请密钥         然后点击提交    这个时候,你就可以拿着这个ak去使用百度地图了。 使用 百度地图Vue:https://dafrok.github.io/vue            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-02-26 15:30:00
                            
                                215阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            vue 获取本地图片路径(动态引入 / 静态引入)            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-03-20 15:33:59
                            
                                3537阅读