博主介绍：✌全网粉丝5W，全栈开发工程师，从事多年软件开发，在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战，博主也曾写过优秀论文，查重率极低，在这方面有丰富的经验✌博主作品：《Java项目案例》主要基于SpringBoot+MyBatis/MyBatis-plus+MySQL+Vue等前后端分离项目，可以在左边的分类专栏找到更多项目。《Uniapp项目案例》有几个有uniapp教程，企业实战开发。《微服务实战》专栏是本人的实战经验总结，《Spring家族及微服务系列》专注Spring、SpringMVC、SpringBoot、SpringCloud系列、Nacos等源
Watch数据监听文章目录Watch数据监听普通应用1.1监听单个属性的变化：1.2监听嵌套对象的变化：1.3深度监听整个对象或数组：组件中应用(父子组件)2.1在父组件中监听子组件的数据变化：子组件Child.vue：父组件Parent.vue：2.2在子组件中监听父组件传递的props的变化：子组件Child.vue：父组件Parent.vue：普通应用在Vue.js中，watch选项用于监视Vue实例的数据变化，并在数据变化时执行相应的操作。watch可以用于监听单个数据属性的变化，也可以用于监听嵌套对象或数组的变化。1.1监听单个属性的变化：template>div>p>{{messa
使用的是封装好的插件：voice-input-button2真的很好使很好使1、先使用npm下载插件npmivoice-input-button2-save-dev2、在main.js中引入importvoiceInputButtonfrom'voice-input-button2'3、全局引入Vue.use(voiceInputButton,{appId:'xxx',//您申请的语音听写服务应用的IDapiKey:'xxxxxxxxxxxxxxxxxxxxxxxxx',//您开通的语音听写服务的apiKeyapiSecret:'xxxxxxxxxxxxxxxxxxxxx',//您开通的语音听
路由官方官网https://router.vuejs.org/zh/项目中使用路由1.安装路由cnpmi--save-devvue-router"vue-router":"^4.1.6",2.项目中配置路由importvueRouterfrom"vue-router";//vue2写法是上面这种vue3路由改为单暴漏import{createRouter}from"vue-router";console.log(createRouter);3.在main.js中创建路由使用常用的api//配置项目路由import{createRouter,createWebHistory}from"vue-r
vue-element-ui的弹出框与#app同级，以下为各种弹出框样式修改方式：1、组件中存在popper-append-to-body属性2、使用popper-class属性修改弹出框样式3、组件不存在popper-append-to-body属性和popper-class属性（例如el-table中的筛选弹出框），或不想影响全局样式1、组件中存在popper-append-to-body属性1、组件中存在popper-append-to-body属性，例如select选择器等直接在引用该组件的.vue文件中修改弹出框样式，使用popper-append-to-body属性，然后使用‘/d
一、从vue2到vue3 vue3.0向下兼容vue2.x版本，优化了主要核心双向绑定原理和体积大小，并且更加友好的兼容ts语法。vue3是基于ES6新增的proxy代理实现的。1.1vue3的特点新增了组合式api更接近原生js更加解耦（收到react启发）按需加载1.2与vue2的区别 相同点：生命周期基本一致、与vue2的模板语法基本一致、与vue2的选项基本一致datamethodscomputedwatch等。 不同点：启动方式不同、全局方法挂载不一样、vue3可以拥有多个根节点、生命周期卸载不同、vue3新增部分setup()在组件挂载前运行。二、
一、实现效果二、实现方式方案：使用axios方法onDownloadProgress方法监听下载进度使用此方式的前提！！！请让后端在响应头中加上content-length，存放下载文件的总大小，如下图：三、代码1、进度条页面代码如下：Spinfixv-if="spinVisible">Icontype="ios-loading"size=18class="demo-spin-icon-load">Icon>div>正在下载代码，请稍后...div>el-progress:percentage="percentComplete">el-progress>Spin>ps:我的进度条是在iview
Vue2Vue2.0发布于2016年，已经有超过7年的历史，它是Vue框架成为主流的重要里程碑。许多当前的Vue用户都是在Vue2时期就开始使用Vue的，并且有许多出色的项目是基于Vue2构建的。Vue2将弃用随着2024年的临近，Vue2将在2023年12月31日到达生命周期终点（EOL）。随着截止日期的临近，Vue社区应该准备接受Vue2的弃用。在2023年12月31日之后，Vue团队将在npm上将以下包标记为弃用：所有Vue2核心的主要版本和次要版本仅支持Vue2的vue-router版本（3.x及以下）仅支持Vue2的vuex版本（3.x及以下）尽管如此，Vue2仍然会通过所有现有的分
前言本文基于“vite”:“^5.0.0”1.安装依赖安装eslintyarnaddeslint--dev安装eslint-plugin-vueyarnaddeslint-plugin-vue--dev主要用于检查Vue文件语法安装prettier及相关插件yarnaddprettiereslint-config-prettiereslint-plugin-prettier--dev安装typescript解析器、规则补充yarnadd@typescript-eslint/parser@typescript-eslint/eslint-plugin--dev2.根目录创建.eslintrc.c
背景今年负责过的多个项目，会经常碰到需要组织大型组件的场合。这里的大型组件主要指的是数据往往有一个唯一的入口（如请求数据接口的组件），而组件内部依赖的子组件都需要通过入口组件对数据的解构、重组来获得需要的数据信息；如果直接使用props的形式来传递数据，那么整个组件嵌套的逻辑中会出现大量的冗余代码，中间环节出现任何遗漏都会出现问题且不容易定位。解决方案按照vue2的开发习惯，很轻易的我们可能就会想到各种全局数据状态管理的方式，例如用vuex；类比到vue3可能就会选择pinia。whynotpinia这些方案都很好，并且是vue官方提供的数据、状态管理系统，但是存在一个小小小问题：这里的数据状
