截至目前，组合式函数应该是在VUE3应用程序中组织业务逻辑最佳的方法。它让我们可以把一些小块的通用逻辑进行抽离、复用，使我们的代码更易于编写、阅读和维护。一.什么是“组合式函数”？根据官方文档说明，在Vue应用的概念中，“组合式函数”是一个利用Vue组合式API来封装和复用有状态逻辑的函数。这就意味着，任何有状态逻辑，并且使用了响应式处理的逻辑都可以转换成组合式函数。这和我们平时抽离封装的公共方法还是有一些区别的。我们封装的公共方法往往是无状态的：它在接收一些输入后立刻返回所期望的输出。而组合式函数往往是和状态逻辑关联的。简单的理解就是“**可复用逻辑的集合，专注点分点**”二. vue3自定
目录前言主应用微应用部署前言因为业务系统接入的需要，决定将一个vue3+vite+ts的主应用系统，改造成基于qiankun的微应用架构。此文记录了改造的过程及vue3微应用接入的种种问题。网上有很多关于微应用改造的案例，但很多都没写部署之后什么情况。写了部署的，没有实操部署在二级目录、三级目录是什么情况，甚至没有对部署之后的情况做测试、没有说明。这是在整个改造过程中最难的一点，也是最困扰我的一个问题。我们所改造的应用说明：主应用：vue3+vite+ts微应用1：vue2，qiankun官网API是基于vue2+webpack，我们对vue2也进行了接入，但是在本篇文章中不做说明。微应用2：
效果如图： 1.首先我们在模板里：{{textUrl}}这里通过v-if来显示不同的效果：2.方法如下：getAccessData(absolutePath,index){this.picListIndex=indexthis.currentPicPath=absolutePath//路径letpicIndex=absolutePath.lastIndexOf('.');this.ext=absolutePath.substr(picIndex+1);//文件类型letparam=newFormData();param.append('file',absolutePath);if(this.e
目录Vue.set()使用Vue.delete()的使用 Vue.set()方法原理解析总结Vue.set()使用vue在实例上添加新的属性的时候，该属性，并不是响应式的。同样删除某一属性的时候，也不会实时渲染到页面上。 比如： 年龄：{{obj.age?obj.age:"无"}} ··········· data(){ return{ obj:{name:"Lena",id:1}, } }页面上显示的是 年龄：无 现在需要添加一个响应式的属性age 。年龄：{{obj.ag
在Web开发领域，JavaScript提供大量技术栈可供选择。其中最典型的三套组合，分别是MERN、MEAN和MEVN。前端框架（React、Angular和Vue）进行简化比较。MERN技术栈详解MERN技术栈包含四大具体组件：MongoDB：一款强大的NoSQL数据库，以灵活的JSON格式存储数据。Express.js：一套极简但强大的Web应用程序框架，擅长使用Node.js构建服务器端应用程序。React：用于开发动态、交互式用户界面的高效JavaScript库。Node.js：一套服务器端运行时环境，可使用JavaScript编写服务器端脚本。MERN技术栈的优势：统一使用JavaS
一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。如果还对axios不了解的，可以移步axios文档。安装npminstallaxios;//安装axios引入一般我会在项目的src目录中，新建一个request文件夹，然后在里面新建一个http.js和一个api.js文件。http.js文件用来封
文章目录前情提要bug回顾解决方案最后前情提要说起来很耻辱，从mac环境换到window环境，vscode的配置都是云端更新过来的，应该是一切正常才对，奇怪的是我的项目环境出现问题了，关于组件的ts和追踪都没有效果，再经过一上午的排查和试错后，终于被我解决，问题的原因是volar和ts环境之间的版本不匹配，下面来看下我的解决过程和问题复现。bug回顾大家的插件库里应该都有一个这样的插件这是一个增强我们ts开发体验的插件，有了它之后我们的开发会很有乐趣，比如，我们自定义了一个组件，那么它里面有哪些参数，该插件就会帮我们提示，例子如下：尤其是使用一些三方组件的时候，很多属性是未知的，所以这样的提示
博主介绍：✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全：1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人系统介绍：随着信息技术在管理上越来越深入而广
前言本文为博主的vue实战小项目系列中的第三篇，很适合后端或者才入门的小伙伴看，一个前端项目从0到1的保姆级教学。前面的内容：【vue实战项目】通用管理系统：登录页-CSDN博客【vue实战项目】通用管理系统：封装token操作和网络请求-CSDN博客【vue实战项目】通用管理系统：api封装、404页-CSDN博客本文将讲解实现整个项目的重点：首页的搭建，包含菜单、菜单的路由转跳、面包屑导航等内容。目录1.搭架子2.布局编辑3.Header4.Footer5.Menu5.1.页面5.2.路由5.2.1自定义菜单内容5.2.2.开启路由功能6.面包屑导航1.搭架子先来看一下主页的样子：主页的
1.效果图2.npm下载依赖及main.js文件配置npminstallvue3-seamless-scroll--saveimportvue3SeamlessScrollfrom'vue3-seamless-scroll';app.use(vue3SeamlessScroll)3.html代码//设置宽的目的为让内容居中显示商户名称品类重量(kg)金额(￥)交易时间//隔行变色//设置宽的目的为让内容居中显示{{item.userName}}{{item.typeName}}{{item.totalWeight}}{{item.totalPrice}}{{item.createTime}}4
