目录data-*获取普通数据静态获取动态获取获取对象数据动态获取data-*这个属性熟悉JS的小伙伴都知道，data-*是一个自定义属性，它的功能是视图层往js传递我们想要传的数据。我们...

目录原因方案步骤原因项目每次打包后都需要改动项目版本号，这个改动每次都需要在package.json中修改version，比较麻烦，到底有没有一种打包后版本号自加的办法。方案版本号自加...

目录前言：一、 v-bind动态绑定class1. v-bind动态绑定class(对象语法)2. v-bind动态绑定class(数组用法)3.v-bind动态绑定style(对象语法)4.v-bind动态绑定style(数组语法)二...

目录vue常用缩写绑定数据 v-bind监听事件 v-onvue的简写vue常用缩写绑定数据 v-bindv-bind 的缩写是 ：可以使用 setAttribute 设置 ， getAttribute 获取的属性都可以使用这种...

目录引入路径@的用法及说明Vue文件中引用路径的介绍Vue中使用vue项目路径使用@的原因@是webpack设置的路径别名使用场景引入路径@的用法及说明Vue文件中引用路径的介绍1、路...

目录一、watch 默认是浅层，使用deep深层监听二、watch 默认是懒侦听，使用immediate即时回调侦听三、回调的刷新时机flush: 'post'四、this.$watch()五、停止侦听器总...

目录第一种 原始方法 直接在项目中使用(不建议使用)第二种 将请求挂载到全局( 推荐使用 )第三种 将代码进行封装总结第一种 原始方法 直接在项目中使用(不建议使用)这种方法...

目录前言问题分析解决（dotenv）使用测试前言Vue-Cli 允许我们在项目根目录创建.env.[mode]文件来设置一些打包编译的启动参数，通过执行脚本的时候加mode参数，指定不同环境需要加...

目录实现效果Scrip布局动画逻辑控制总结实现效果Scrip<template> <button @click="addCount">点我滚动数字</button> <div class="roll-container"> <transition name=...

目录Props：用法：一、基本用法二、结合Router使用总结Props：include - 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude - 字符串或正则表达式。任何名称匹配的组件都...

目录一、核心逻辑二、整个过程三、简单实现整个过程一、核心逻辑通过 code 命令来打开 vs code 编辑器。code path/dir/file可以在本地 cmd 终端运行下，试试能否正常打开编辑...

目录简介一、axios配置二、请求接口路径api配置三、axios和接口api的全局注入四、请求接口的使用方式注意简介关于vue中使用axios请求的配置，注意其中区分Vue2.0和Vue3.0的写...

目录v-memo 官方定义我对 v-memo 的理解与v-for 一起使用使用场景vue3.2新增指令v-memo的使用v-memo的讲解场景描述v-memo的使用哈喽,大家好 我是xy...

目录开启Vue项目缺少node_models包运用Vue ui时出现的一些问题vue项目依赖node_modules装不上去开启Vue项目缺少node_models包运用Vue ui时出现的一些问题1. 当我们通过Vue...

目录如何引用public中的js文件vue引用公共js步骤如何引用public中的js文件在public文件夹下创建config.js文件。config.js中可以使用变量，也可以使用window来挂载 测试：注意：in...

目录前言不使用任何的响应Api使用 reactive 实现使用 ref 实现使用装饰器实现实现Reactive装饰器实现Watch装饰器总结前言使用面向对象的开发思想难免会用到类，既然有了类，那...

目录如何配置@绝对路径第一种 直接使用@第二种 webpack.base.conf.js第三种 vue.config.js配置vue路径写法：./ 和 @/项目中还有常见的@用法如何配置@绝对路径第一种 直接使用...

目录1.添加下载按钮2.（原始方法，会出现乱码）给按钮添加点击事件3.（更正版）用axios（{}）这种方式4.报跨域问题vue前后端分离，使用element的el-button组件从后台下载文件，并且解决乱码问...

目录使用iView组件库设置样式不生效问题解决使用iview或者element-ui组件修改样式不生效1.样式如果定义为2.样式如果没有定义使用iView组件库设置样式不生效问题找到要设置...

目录vue使用文件流进行下载(new Blob)封装方法vue下载文件流完整前后端代码vue使用文件流进行下载(new Blob)封装方法function getExel(url, params, index) {+  return ne...

目录vue公共方法调用（1）如果是全局（多页面）使用（2）如果是单页面使用vue如何封装和调用公共方法封装公共方法调用公共方法vue公共方法调用首先，在assets文件夹下，新建js文件夹，创建com...

目录vue接口统一管理vue中api接口管理总结vue接口统一管理1.在src文件夹下面新建api文件夹，新建api.js// let apiUrl = 'http://192.168.8.134:8081';let apiUrl = '/apiapi'...

目录前言大纲在线演示初始化的随机位置算法检查是否被覆算法碰撞检测覆盖算法实现三连匹配算法队列区排序算法总结前言这两天社区很多羊了个羊的web实现，虽然各种实现花里花...

目录vue跳转后不记录历史记录vue-router回退不记录历史场景说明处理方案其他api跳转vue跳转后不记录历史记录vue路由跳转一般情况下是使用push， this.$router.push({   ...

目录全局引用公共的组件及公共的JS文件全局引入自定义组件问题全局引用公共的组件及公共的JS文件1. 创建一个公共的目录 timeline ，里面包含 timeline.js 和 timeline.vue 文...

目录前言安装使用方式一 (官方用法)[全局挂载，不验证]使用方式二 (组件挂载使用)[可验证]使用方式三 (全局挂载使用)[可验证]使用方式推荐nodejs服务端本地demo代码总结前言v...

目录方法一：（不友好，页面会白屏，不推荐使用）方法二 : (不会出现白屏,推荐使用)方法三 : vuex清除token (不会出现白屏,推荐使用)总结方法一：（不友好，页面会白屏，不推荐使用）在退出登录...

目录引言1.涉及到的主要知识讲解1.1 Vue2 中自定义指令1.1.1 指令对象的钩子函数1.1.2 钩子函数参数1.2 使用事件总线进行模块之间的通信1.3 使用到的 Web API1.3.1 Element...

目录一、使用场景二、 认识下keep-alive三、在组件中应用四、解决组件不缓存问题五、keep-alive配合router使用总结一、使用场景在vue开发过程中（单页面），有一些需求需要我们把...

目录概况ref()reactive()vue3中改变数组的值总结概况Vue3 里要实现数据的响应式监听一共有两种方式既：ref 和 reactive他们既有区别又有联系。ref()ref数据响应式监听。ref...

目录什么是 $attrsattrs V3 vs $attrs V2事例添加一些属性添加标题和值$attrs 救场inheritAttrs: false这节课，我们来看下 Vue3 中的 $attrs 属性。首先，我们会介绍它的用途以...

自从引入组合式 API 的概念以来，一个主要的未解决的问题就是 ref 和响应式对象到底用哪个。响应式对象存在解构丢失响应性的问题，而 ref 需要到处使用 .value 则感觉很繁琐，并...

目录问题解决为什么静态导入文件路径静态导入绝对路径动态导入相对路径动态导入绝对路径问题在更改背景图片时写的图片相对路径是这样的：由于@在webpack 被resolve.alias配置...

目录问题思路 实现1、过滤数据，需要打标签的采用jsx写法base.less 定义标签样式2、封装列表渲染组件3、封装渲染vNode的方法4、页面组件调用效果展示问题如何给列表数据打标...

目录Vue ui 的没反应、报错问题一、vue ui 启动出现的报错问题Vue ui无法启动项目管理器原因遇到版本低的解决方案没有ui功能的解决方法Vue ui 的没反应、报错问题一、vue u...

目录vue组件之confirmvue自定义confirm弹窗（全局组件）全局组件方式vue组件之confirm一些自带的方法，比如alert，confirm等，往往由于浏览器不同而展现出不同的样式，为了统一，我们可以...

目录先上几个网址安装组件中引入 基本使用 补充 最近刚开始做的一个项目，后面有个模块要通过three.js实现3D的场景，因为之前也没接触过3D这块，就提前学了一下，做个记录。先上几...

目录如何清空this.$route.query的值mounteddestroyed改变this.$route.query中的数据如何清空this.$route.query的值mounted定义一个 localStorage 来判断当前是否是query携...

目录关于“{{}}”的用法Vue表达式{{}}中拼接字符关于“{{}}”的用法Vue.js核心库只关注视图层，而我们只需要注重数据的操作就好，通过接下来的学习会更深...

目录一.vue路由传值方法一：（问号传值）方法二：query（此方法query的值会显示在地址栏中）方法三：params（此方法页面刷新数据会丢失）方法四：动态路由（此方法页码刷新数据不会丢失,推荐此方...

需求是：输入框只能输入数字，包括整数和小数发现网上大部分文章的处理方式：通过正则来处理输入，对其合法性进行判断校验，再将提示信息反馈给用户。体验欠佳输入完成后进行解析，将字...

目录一、实现效果 二、所需插件三、word文档模板 四、封装js 文件五、实现导出word文档总结一、实现效果 以填写并导出房屋出租审批表为例，首先填写表格相应内容后，点击" 导...

目录vue中i18n安装项目中的使用使用方式 组件里使用使用方式js总结介绍 Vue I18n 是 Vue.js 的国际化插件。它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中。vu...

目录前提：Vue3 + element-plus;改变 el-input 在focus、blur、hover 状态下的border颜色有三种方法：总结 前提：Vue3 + element-plus;1、去除el-input 的边框：<el-input class="i...

目录一、关键步骤1.创建axios对象2.请求二、Axios类1.基础属性2.辅助方法3.request方法三、adpter适配器1.xhradpter2.httpadpter一、关键步骤1.创建axios对象axios库导出的...

vue3项目如何国际化我们已经属性vue2 ，使用i18n ，进行国际化那vue3 我们如何配置 i18n 呢 ？配置Ⅰ、安装npm i vue-i18nⅡ、创建 il18n在src目录下，创建 i18n 文件夹，并在下面分...

目录Ⅰ、Vuex 简介：1、Vuex 是什么？2、Vuex 的图例讲解：3、Vuex 的配置过程：Ⅱ、如何引入并使用 Vuex :Ⅲ、实例剖析在 App.vue 中使用 state 的过程：Ⅳ、小结：Ⅰ、Vuex 简介：1、Vu...

目录Vue emit事件无法触发问题Vue中emit的使用vue子传父参数的方法共有两种 下列优先讲解下其emit的传输方法 Vue emit事件无法触发问题在父组件中定义事件监听，会出现无法触...

目录用字符串做下标报错函数内使用this报错找不到模块XXX引入模块提示找不到声明文件(接上一个问题)JSON直接解析localStorage值报错初始加载的组件未命名，浏览器打开页面后...

目录Router修改query参数url参数没有变化问题正常情况下就可以修改了vueRouter不切换url只修改query报错解决方案Router修改query参数url参数没有变化问题正常情况下this.$r...