vue3.0
专栏为入门后需要实战经验者设计,让你“学的都有用,学了都能懂”,提高效率、不走弯路~~
6年前端主程开发经验积累,为你打造高效学习路径~~
言程序plus
全栈开发工程师,6年大型企业工作经验。CSDN、阿里云、华为云等平台优质创作者;精通前后台管理系统、小程序、移动端应用开发、智慧大屏、gis等开发,数据挖掘分析运维。最近在探索AIGC,博客热衷分享实用项目和技术干货。技术栈:js\vue\react\node.js\three.js\cesuim.js\gis\uniapp\微信小程序\mysql\pgsql\java\python\opencv 。推荐一下最近空余时间开发的小程序:【诗词雅集】一款收录了30万首古诗词的阅读小程序,旨在传承诗词经典,邂逅诗与远方。
展开
-
vue3中如何使用 watch 函数来观察响应式数据的变化
在 Vue 3 中,可以使用watch函数来观察响应式数据的变化。这个函数可以在组件的setup函数中使用。watch()方法还可以实现更多复杂的功能,比如异步获取数据并在数据更新时重新渲染页面。原创 2024-03-26 14:18:57 · 357 阅读 · 1 评论 -
使用elementUI构建复杂表格,合并行或列,多级表头等
前端开发过程中常常会遇到各种开发表格的场景,有时候有的表格比较简单有的比较复杂(如下图简单示例所示,有合并项和多级表头),Elementui的el-table控件也可以支持构建复杂的表格,本文将指导你如何快速开发复杂表格~~~原创 2024-01-02 10:41:27 · 5285 阅读 · 3 评论 -
一文读懂vue3和vue2的API风格对比
在 setup 中,我们可以按逻辑关注点对部分代码进行分组,然后提取逻辑片段并与其他组件共享代码。Vue3 组合式 API(Composition API) 主要用于在大型组件中提高代码逻辑的可复用性。传统的组件随着业务复杂度越来越高,代码量会不断的加大,整个代码逻辑都不易阅读和理解。都不用写了,不仅是数据,计算属性和方法,甚至是自定义指令也可以在我们的。用起来已经非常方便了,但是我们还是有很烦的地方,比如。,组件只需引入不用注册,属性和方法也不用返回,函数中返回,有的时候仅一个。原创 2022-12-01 11:08:18 · 1358 阅读 · 3 评论 -
vue3中如何使用ref和reactive定义和修改响应式数据?
vue3中setup组合式api中如何定义响应式数据并且修改赋值呢?字符串/数字:“ref”是vue3中用来存储值的响应式数据源,它可以定义字符串,数字等;数组/对象:引入reactive 用来定义对象数据包括数组和对象原创 2022-12-01 10:43:18 · 8269 阅读 · 3 评论 -
vue3实现路由跳转
vue3的语法趋势于react了,需要什么就按需引入,不是将所有的方法绑定到vue中,再以this.$router.push的方法来使用,而且从vue-router模块里面引入:原创 2022-09-07 17:42:08 · 1039 阅读 · 2 评论 -
vue3路由重定向
指的是:用户在访问地址 A 的时候,强制用户跳转到地址 C ,从而展示特定的组件页面;1.新建项目 并引入vue和vue-router;4.使用redirect 属性设置路由重定向;3.createRouter定义和配置路由;2.使用Vue.use注册路由;原创 2022-09-07 17:09:36 · 9686 阅读 · 2 评论