vue3从入门到精通

VUE3基础

一、认识vue3及vue3的优势1、框架层面响应式底层API的变化，proxy数组下标的修改，对象动态添加属性；vue3对ts的支持比vue2更强；vue3增加了组合式API，增强了逻辑组合能力配套的工程化工具也有了更新
煸橙干儿~~·2024-02-08 10:11

Vue3.0（四）：Composition API的使用

CompositionAPI认识CompositionAPI前几篇文章中主要用OptionsAPI进行编写代码，但是有一些弊端OptionsAPI弊端在OptionsAPI中，有data、watch、computed、methods以及生命周期函数各种各样的选项而一个变量，为了实现某个功能，会分散在各个选项中，不利于代码的维护此时CompositionAPI就出现了使用setup函数可以将大部分选
前端大菜鸟_·2024-02-08 09:23

vue3 之 组合式API—生命周期函数

vue3的生命周期API生命周期函数基本使用1️⃣导入生命周期函数2️⃣执行生命周期函数传入回调import{onMounted}from'vue'onMounted(()=>{//组件挂载完毕mounted
jiojio在学习勒·2024-02-08 09:52

搭建vue3.0 项目

安装脚手架卸载原来的脚手架npmuninstallvue-cli-g下载新的脚手架npmuninstallvue-cli-g或者npminstall--global@vue/cli@nextvuecreatevue3
hegege·2024-02-08 08:52

vue3 mathjax 数学公式

安装pnpminstallmathjax新建文件@/util/mathjax.jswindow.MathJax={tex:{inlineMath:[["$","$"],["\\(","\\)"],],//行内公式选择符displayMath:[["$$","$$"],["\\[","\\]"],],//段内公式选择符},startup:{ready(){MathJax.startup.defaul
xsjCoding·2024-02-08 06:46

若依vue3单文件上传/多文件上传/前后台代码

个人记录,代码不完善见谅.多文件上传前端:constupload=reactive({//设置上传的请求头部headers:{Authorization:"Bearer"+getToken()},//上传的地址url:import.meta.env.VITE_APP_BASE_API+"/data/upload"});constfileList=ref([])/*文件提交*/constsubmit
xsjCoding·2024-02-08 06:46

Vue3循环展示静态资源

加一个方法constgetImageUrl=(url)=>{returnnewURL(`/src/${url}`,import.meta.url).href;}展示的时候调用方法数组内的img属性,不能以"/"开头!!![{id:1,name:'111',description:``,img:'assets/indices/_rp_image_2024-01-24_440c98f0-ba8f-11
xsjCoding·2024-02-08 06:45

vue3 mathjax2.7.7 数学公式

1.index.html代码部分MathJax.Hub.Config({extensions:["tex2jax.js"],jax:["input/TeX","output/HTML-CSS"],tex2jax:{inlineMath:[["$","$"],["\\(","\\)"]]}});2.在需要使用数学公式的vue页面调用方法onMounted(()=>{setTimeout(MathJa
xsjCoding·2024-02-08 06:35

Vue - Vue3 封装组件(更新中...)

组件目录1、穿梭框DataTransfer2、按钮组3、顶部导航菜单4、弹窗组件5、特色按钮5、PDFWordExcel预览插件6、编辑器1、穿梭框DataTransfer示例应用示例组件代码import{ArrowLeft,ArrowRight,Search}from"@element-plus/icons-vue";import{computed,getCurrentInstance,onMo
青柠t·2024-02-08 06:39

Vue-Vue3 集成编辑器功能

1、安装依赖编辑器插件需要安装@wangeditor/editor和@wangeditor/editor-for-vue两个插件npminstall@wangeditor/editor--savevue3
青柠t·2024-02-08 06:02

微信自动预约小程序开发指南：从小白到专家

本文将详细介绍如何使用第三方制作平台，如乔拓云网，来搭建一个从入门到精通的预约小程序。首先，我们需要登录乔拓云网，并选择一个适合自己的小程序模板。
SanjianZh·2024-02-08 06:31

如何在 Vue3 使用 jsx & tsx

首先，恭喜一下React，再过4个月，就达成了两年无更新记录反观隔壁的Vue，稳定迭代更新之前写React的时候，最喜欢的是JSX/TSX语法，把HTML组件当做JavaScript/TypeScript代码片段处理constApp:React.FC=({title})=>{const[count,setCount]=useState(0);//return({title}Youclicked{c
楷鹏 : )·2024-02-08 05:10

Vue3中使用element-plus菜单折叠后文字不消失

今天使用element-plus中国的导航菜单时，发现菜单栏折叠起来时文字不会自动消失，因为element-plus中内置了菜单折叠文字自动消失的，使用collapse=true/false即可，但在实际使用中出现了一下问题：折叠以后文字并没有消失，查资料说是el-menu子标签中不能含有div，但是排查了后也没有使用div，最后发现是因为我的一级导航没有包裹到标签中，因为是直接使用了一个简易的非
浮生若梦777·2024-02-08 05:57

[N-139]基于springboot,vue宠物领养系统

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue3+element-plus服务端技术：springboot
IT教程资源_·2024-02-08 02:02

基于Python淘宝特产销售数据可视化系统设计与实现(Django框架) 研究背景与意义、国内外研究现状

所有项目都配有从入门到精通的基础知识视频课程，免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！
黄菊华老师·2024-02-08 02:56

vue3-内置组件-KeepAlive

KeepAlive是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例。基本使用默认情况下，一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时，会创建一个只带有初始状态的新实例。在下面的例子中，你会看到两个有状态的组件——A有一个计数器，而B有一个通过v-model同步input框输入内容的文字展示。尝试先更改一下任意一个组件的状态，然
王大可996·2024-02-08 01:39

vue3 - 15.keepAlive缓存组件

vue3-keep-alive组件缓存首先keep-alive是vue3内置的组件，作用是对组件的数据进行缓存，这样可以优化性能，减少数据重新渲染或数据重新请求，提升用户体验我们新建两个组件，在每一个组件里面写一个
啦啦朵朵·2024-02-08 01:39

vue3 中的内置组件KeepAlive

是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例。注意：KeepAlive只应用于动态组件，静态组件不可以一、基本使用1、创建keepAlive的页面defineAsyncComponent的作用：在需要时从服务器加载相关组件markRaw作用:标记一个对象,使其永远不会再成为响应式对象应用场景:有些值不应被设置成响应式时,例如复杂的第三方类库等当渲染具有不可变数据源的大列表时
雁落成空·2024-02-08 01:39

vue3：26—新的内置组件

目录TeleportSuspenseTeleport什么是Teleport?Teleport是一种能够将我们的组件html结构移动到指定位置的技术当在元素中的css使用了filter滤镜属性的时候，会导致内部fixed元素定位发生错误，即不再相对viewport进行定位，而是相对整个filter属性的容器元素(父元素)进行定位。这个时候就需要用到teleport了。我是一个弹窗我是弹窗中的一些内容
有蝉·2024-02-08 01:54

vue3：27—全局API转移到应用对象

app.componentapp.configapp.directiveapp.mountapp.unmountapp.usemain.tsimport{createApp}from'vue'importAppfrom'./App.vue'importHellofrom'./Hello.vue'//创建应用constapp=createApp(App)//全局组件app.component('He
有蝉·2024-02-08 01:54

vue3：28— Vue 2 对 Vue 3 的所有非兼容性改变。（vue3学习笔记终）

非兼容性改变|Vue3迁移指南过渡类名v-enter修改为v-enter-from、过渡类名v-leave修改为v-leave-from。keyCode作为v-on修饰符的支持。
有蝉·2024-02-08 01:54

vue3：24—组件通信方式

目录1、props2、自定义事件（emit）3、mitt（任意组件的通讯）4、v-model【封装ui组件库用的多，平时用的少。和vue2有点不同】5、$attrs6、$refs和$parent7、provide和inject8、pinia（即vue2中的vuex）9、插槽默认插槽具名插槽作用域插槽（ui组件库用得多）10、总结1、props子组件也可以如下调用父组件的方法2、自定义事件（emit
有蝉·2024-02-08 01:23

Vue3实现列表循环

今天小编和大家一起在Vue的路上探索，要实现的功能是这样的。现将默认数组内的渲染到页面上，然后点击按钮之后，将文本框内的数据添加到列表上，效果如下源码是这样的，下面我就结合代码中的注释来说明一下核心的代码Vue.createApp({data(){return{list:['item1','item2','item3','item4'],//绑定v-for循环的列表inputVal:""//绑定文
飞鹰3995·2024-02-08 00:52

vue全局自适应大小: postcss-pxtorem,vue2vue3通用适配

1.安装postcss-pxtorem插件npminstallpostcss-pxtorem-D如果运行项目后报错PostCSSpluginpostcss-pxtoremrequiresPostCSS8.需要降低postcss-pxtorem的版本卸载默认安装的版本npmuninstallpostcss-pxtorem安装指定版本[email protected]番外:不推荐pos
佛係老李·2024-02-08 00:37

Vue3自定义PostCss插件

Vue3自定义PostCss插件插件功能:实现自动转px为vw功能1.创建插件ts文件2.tsconfig.node.json引入插件3.vite.config.ts增加插件配置4.编写插件内容5.示例插件功能
*郑*·2024-02-08 00:06

前端vite+vue3——自动化配置路由布局

文章目录⭐前言vue3系列文章⭐自动化配置路由引入vite版本自定义目录映射自动化读取文件下的路由main入口加载路由入口app.vue配置layout基础布局配置效果⭐总结⭐结束⭐前言大家好，我是yma16
yma16·2024-02-07 23:52

推荐一个支持 PC 和移动端，支持 animate 的所有动画效果，支持图片懒加载的vue3 瀑布流插件

直接上链接https://www.npmjs.com/package/vue-waterfall-plugin-next
给钱，谢谢！·2024-02-07 23:21

Swift Combine 管道 从入门到精通三

Combine系列SwiftCombine从入门到精通一SwiftCombine发布者订阅者操作者从入门到精通二1.用弹珠图描述管道函数响应式编程的管道可能难以理解。
AI架构师易筋·2024-02-07 23:13

vue3.x的自定义指令动态指令参数

1.vue3.x的自定义指令参数import{createApp}from'vue';importAppfrom'.
你大爷的,这都没注册了·2024-02-07 23:11

Swift Combine 发布者publisher的生命周期 从入门到精通四

Combine系列SwiftCombine从入门到精通一SwiftCombine发布者订阅者操作者从入门到精通二SwiftCombine管道从入门到精通三1.发布者和订阅者的生命周期订阅者和发布者以明确定义的顺序进行通信
AI架构师易筋·2024-02-07 23:37

基于Python高校校园运动会管理系统设计与实现(Django框架)毕业设计论文提纲大纲参考

所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩。
黄菊华老师·2024-02-07 23:29

基于Vue3搭建的低代码数据可视化开发平台

结尾有链接整体介绍框架：基于Vue3框架编写，使用hooks写法抽离部分逻辑，使代码结构更加清晰；类型：使用TypeScript进行类型约束，减少未知错误发生概率，可以大胆修改逻辑内容；性能：多处性能优化
神码观察·2024-02-07 23:26

vue3前端实现全屏显示，元素垂直填满页面

1、toggleFullscreen方法实现选定元素全屏展示2、使用flex属性+flex-direction实现垂直布局填满整个页面全屏import{ref,onMounted,onUnmounted}from'vue'import*asechartsfrom'echarts'exportdefault{name:'App',setup(){constcountData=ref([])onMou
土豆丶杨·2024-02-07 22:21

vue3 导出Excel

安装包：xlsxfile-saversrc/utils/Export2Excel.js/*eslint-disable*/import{saveAs}from'file-saver'import*asXLSXfrom'xlsx'functiongenerateArray(table){varout=[];varrows=table.querySelectorAll('tr');varranges=
土豆丶杨·2024-02-07 22:20

vue前端展示代码块

使用vue-prism-editor包vue3使用npminstallvue-prism-editor@alphanpminstallprismjs需要用到此组件templatejsimport{PrismEditor
土豆丶杨·2024-02-07 22:50

【玩转幻兽帕鲁搭建】阿里云幻兽帕鲁服务器部署：从入门到精通

一、准备工作在开始部署之前，请确保您已经具备以下条件：进入幻兽帕鲁联机服务快速部署页面：2bcd.com/go/hs/服务器：选择一台适合幻兽帕鲁游戏的阿里云服务器，配置建议为4核16G以上。操作工具：安装SSH客户端（如PuTTY）和FTP客户端（如FileZilla），以便进行远程连接和文件传输。阿里云游戏服务器活动页面：2bcd.com/go/aliyun/腾讯云游戏服务器活动页面：2bcd
Palworld幻兽帕鲁服务器·2024-02-07 22:35

入门Node.js, 你应该阅读的书籍

这个世上，从来没有哪本书能让你从入门到精通。因为精通只能通过在项目实战的不断积淀！我以前是做前端开发的，在项目中，我负责前端网站的开发，同时，项目组配备了Java后台工程师。我们各做各的，相处得很好。
全栈开发之道·2024-02-07 21:17

【Java从入门到精通】Java基本数据类型

Java基本数据类型变量就是申请内存来存储值。也就是说，当创建变量的时候，需要在内存中申请空间。内存管理系统根据变量的类型为变量分配存储空间，分配的空间只能用来储存该类型数据。因此，通过定义不同类型的变量，可以在内存中储存整数、小数或者字符。Java的两大数据类型:内置数据类型引用数据类型内置数据类型Java语言提供了八种基本类型。六种数字类型（四个整数型，两个浮点型），一种字符类型，还有一种布尔
厉昱辰·2024-02-07 21:38

【Java从入门到精通】Java对象和类

Java对象和类Java作为一种面向对象语言。支持以下基本概念：多态继承封装抽象类对象实例方法重载本节我们重点研究对象和类的概念。对象：对象是类的一个实例（对象不是找个女朋友），有状态和行为。例如，一条狗是一个对象，它的状态有：颜色、名字、品种；行为有：摇尾巴、叫、吃等。类：类是一个模板，它描述一类对象的行为和状态。下图中男孩（boy）、女孩（girl）为类（class），而具体的每个人为该类的对
厉昱辰·2024-02-07 21:37

flutter NestedScrollView 下拉刷新的解决方案一

重要消息精通点的可以查看这里精述Flutter从入门实践到开发一个APP之UI基础篇视频flutter从入门到精通系列文章本文章将讲述：在flutter项目中使用flutter_custom_refresh_plugin
早起的年轻人·2024-02-07 20:36

基于Python淘宝电脑销售数据可视化系统设计与实现(Django框架) 研究背景与意义、国内外研究现状

所有项目都配有从入门到精通的基础知识视频课程，免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！
黄菊华老师·2024-02-07 19:41

Vue3 中使用 defineAsyncComponent 延迟加载组件

使用Vue3的defineAsyncComponent特性可以让我们延迟加载组件。这意味着它们仅在需要时从服务器加载。
lio_zero·2024-02-07 18:31

十行Python代码替换证件照背景颜色

花了29980买的从入门到精通课程，分享给大家本文教大家通过Python程序替换证件照背景颜色，以后更换证件照背景就不会再苦恼了。
狂徒_张三·2024-02-07 18:09

vue3 使用defineAsyncComponent与component标签实现动态渲染组件

内容有些啰嗦，内容记载了当时遇到了bug以及解决问题的思路。业务场景简述：前端做配置化组件，通过url内的唯一标识，请求后端sql哪取页面配置信息，前端通过配置信息动态渲染查询表单，导出、表格，toolbar以及动态弹窗；该动态渲染组件的功能，就是渲染的toolbar内的按钮，类型为自定义弹窗，弹窗路径为后端配置数据，前端通过点击该按钮，打开指定路径下的弹窗组件。之前用的vue2的动态挂载组件，也
小何开发·2024-02-07 18:31

Error: Catch all routes (“*“) must now be defined using a param with a custom regexp.

问题vue页面404适配过程中遇到这样一个问题，Error:Catchallroutes("*")mustnowbedefinedusingaparamwithacustomregexp.我用的是vue3.2
富朝阳·2024-02-07 18:29

vue3 使用defineAsyncComponent 动态加载组件

问题场景在项目中使用静态加载组件基本能覆盖80%的场景了，如下图但是我们在需要循环生成一些的component的时候或者在开发ssr服务端渲染的页面就会遇到有些组件以静态方式导入就会报错，导致进程失败，那么这时候就需要用到动态组件。那么怎么去实现动态使用呢？一、defineAsyncComponent函数Vue提供了defineAsyncComponent方法来实现此功能，该方法接收一个返回Pro
富朝阳·2024-02-07 18:27

[vue3快速入门] 16.v-model表单输入绑定

我们之前使用过v-model来双向绑定input的值，这节课我们简单介绍一下其他表单类型使用v-model，内容可能长一点，大家简单过一遍就行了，用到时候再去官网查也不晚。1.input文本框input中的内容是：{{message}}2.textarea多行文本textarea中的内容是：{{messageTextArea}}3.checkbox复选框1)单个复选框{{singleChecked
林哥学前端·2024-02-07 17:00

vue3学习笔记之Transition&TransitionGroup

文章目录Transition&TransitionGroup动画组件1.Transition1.1TransitionAPI1.2基于CSS的过渡效果自定义过渡class+Animate动画库同时使用transition和animation深层级过渡与显式过渡时长duration（总持续时间）1.3JavaScript钩子+GreenSock库案例1.4可复用过渡效果1.5出现时过渡（appear
凡小多·2024-02-07 17:04

vue3-内置组件-Transition

基于状态变化的过渡和动画（常用）建议多看几遍~~。然后动手去写写，学编程只有多动手才能有感觉。内置组件:它在任意别的组件中都可以被使用，无需注册。Vue提供了两个内置组件，可以帮助你制作基于状态变化的过渡和动画：会在一个元素或组件进入和离开DOM时应用动画。本章节会介绍如何使用它。会在一个v-for列表中的元素或组件被插入，移动，或移除时应用动画Transition进入或者离开的动画由v-if所触
王大可996·2024-02-07 17:02

vue3 transition-group详解

vue3transition-group详解一、transition-group二、平移过渡动画三、总结transition-group组件是一个非常有用的工具，可以在Vue应用中实现过渡效果。
小钱999·2024-02-07 17:02
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他