目录前端状态管理出现的意义及解决的问题Vuex 源码解读Vuex 公共方法Vuex 介绍及深入使用Vuex 使用（官网）1、基本框架2、基本使用3、State3.1 mapState 辅助函数4、Getter4.1 通过属性访问4.2 通过方法访问4.3 mapGetters 辅助函数5、Mutation5.1 提交载荷（Payload）5.2 使用常量替代
......
287
0
0
2023-02-14
目录路由传参效果展示params的类型（后附源码）query参数的类型路由name路由传参效果展示通过传参，可以让Persons路由组建中的内容，在新的路由组件Show显示出来，Show路由组件要嵌套到Persons路由组件中Persons路组件中的内容params的类型（后附源码）path：‘show/:id/:realname’ :id/:r
......
405
0
0
2023-02-13
目录引言workflow-bpmn-modeler注册 bpmnModeler 组件muheflow-bpmn-modeler引言之前松哥发了一篇文章和小伙伴们介绍了前端的 bpmn.js 这个库，利用这个库我们可以自己将绘制流程图的功能嵌入到我们的项目中。然而，这个库默认是给 Camunda 设计的，所以画出来的流程图导出来的 XML 文件无法直接使用，必
......
970
0
0
2023-02-12
目录子组件的显示与隐藏第一步 使用v-show1.1 父组件1.2 子组件2 第二步 父子组件传参2.1 父组件2.2 子组件子组件的显示与隐藏在使用Vue开发前端页面的过程中，经常都会遇到需要在父组件中控制子组件的显示/隐藏，比如弹出窗口。最简单的方法就是：通过父子组件间的数据双向绑定来实现。这种方法虽然简单，但只是针对于父与子组件这种关系来实现的。如果是
......
583
0
0
2023-02-12
目录vue前后端交互的跨域问题、nginx代理配置1.安装axios2.解决跨域问题前后端分离项目的跨域问题及解决跨域简述解决办法vue前后端交互的跨域问题、nginx代理配置最近新接了一个项目，需要自己写一个小demo和后端联调，第一次用自己写的demo和后端联调，出现了问题。问题：Access to XMLHttpRequest at ‘http://1
......
585
0
0
2023-02-12
目录vue或H5中使用复制粘贴复制粘贴功能 ：H5或vue或uniappvue或H5中使用复制粘贴1.使用原生的方法,一般都是在浏览器上使用,所以兼容性不是很好我是直接使用原生方法创建的input,你也可以直接在DOM上加input标签,然后去获取它的value值.copyUrl(){
let url = 'https://blo
......
565
0
0
2023-02-12
目录引言构建 Web Components属性事件插槽子组件样式问题方法总结引言有时候想写一个无关框架组件，又不想用原生或者 Jquery 那套去写，而且还要避免样式冲突，用 Web Components 去做刚觉就挺合适的。但是现在 Web Components 使用起来还是不够灵活，很多地方还是不太方便的，如果能和 MVVM 搭配使用就好了。早在之前 A
......
353
0
0
2023-02-11
目录一、属性传值——父传子二、反向传值——子传父$emit三、反向传值——子传父--sync四、反向传值——子传父--v-modelv-model指令的修饰符：五、多层（跨级）组件传值六、$ parent/$root、$children/$refs七、Vue 依赖注入 - Provide/Inject(重点)八、中央事件总线bus一、属性传值——父传子父组件
......
316
0
0
2023-02-11
目录使用场景需求iframe使用基本使用常用属性iframe高度自适应获取iframe的内容同域下获取父级/子级内容iframe跨域postMessage通信在vue中使用使用场景需求在一个H5项目的页面中以url的方式嵌入另一个项目的页面。（不得不使用iframe）而为了兼容移动端api（封装的一个移动端api，iframe内嵌页面不生效），需要实现父子页
......
569
0
0
2023-02-11
目录1.XMLHttpRequest发送请求2.fetch发送请求3.axios请求库（Vue中推荐写法）模拟发送get和post请求网络请求时发送用户认证信息请求拦截器响应拦截器用户管理在进行 Vue 的网络请求之前，我们先写一些假数据：users.json：[
{ "id": 1, "name": "张三" },
{ "id": 2, "na
......
415
0
0
2023-02-10
目录前言思路文件目录使用示例入口文件index.jsmain.js使用requestAnimationFrame.js思路完整代码：CountTo.vue组件思路总结前言vue3不支持vue-count-to插件，无法使用vue-count-to实现数字动效，数字自动分割，vue-count-to主要针对vue2使用，vue3按照会报错： TypeError
......
569
0
0
2023-02-09
vue项目中添加echarts，只需要增加echarts依赖，然后在main.js中引入echarts就可以使用了。1、npm install echarts --save2、修改main.jsimport * as echarts from 'echarts'
Vue.prototype.$echarts = echarts
3、具体页面使用：<
......
702
0
0
2023-02-09
目录Promise的基本使用基本使用多个请求，链式编程Promise的API—实例方法Promise的API—对象方法（直接通过Promise函数名称调用的方法）接口调用-fetch用法基本使用常用配置选项fetch响应结果接口调用–axios用法认识axios的基础用法axios的响应结果axios拦截器async 和 awaitasync 基础用法asy
......
333
0
0
2023-02-08
vue中引入高德地图并多点标记步骤:通过vue的方法引入地图初始化地图，设置宽和高信息窗口实例遍历生成多个标记点首先在项目的public下的index.html中引入地图<link rel="stylesheet" href="https://cache.amap.com/lbs/static/main1119.css"/>
<scrip
......
625
0
0
2023-02-08
目录一、效果图及功能点二、前期准备三、引入百度地图四、功能解析本文给大家介绍如何在vue项目中引用百度地图，并设计实现简单的地图定位、地址搜索功能。Tip：本篇文章为案例分析，技术点较多，所以篇幅较长，认真阅览的你一定会学到很多知识。前言：百度地图开放平台 给开发者们提供了丰富的地图功能与服务，使我们的项目中可以轻松地实现地图定位、地址搜索、路线导航等功能。
......
639
0
0
2023-02-08