- 博客(100)
- 收藏
- 关注
原创 比较vue和react框架
本文对比了Vue和React在核心功能上的差异,涵盖基础语法、生命周期、组件通信和路由管理四个方面。在语法层面,Vue使用模板和指令系统,而React采用JSX;数据绑定方面,Vue支持双向绑定,React坚持单向数据流。生命周期对比显示Vue更声明式,React更函数式。组件通信部分详解了父子传值、共享状态等模式,Vue提供更多内置方案。路由章节对比了两者在参数传递和导航守卫的实现差异,Vue配置更集中,React更灵活。全文通过代码示例直观呈现语法差异,帮助开发者快速掌握两大框架的核心区别。
2025-07-15 14:12:51
743
原创 vue3+node.js+mysql写接口(二)
本文详细说明了产品模块的数据库设计、前后端交互实现,以及前台展示页面的组件开发,包括路由配置、导航栏、新闻搜索和产品展示等功能。该系统采用前后端分离架构,支持产品信息的增删改查和实时展示,实现了企业门户网站的基本功能需求。
2025-07-11 15:29:44
782
原创 vue3+node.js+mysql写接口(一)
本文介绍了基于Vue3+Node.js+MySQL的三端项目开发流程,包含后台管理系统、前端展示和后端数据处理。主要内容包括:1. 项目搭建:创建Vue3项目配置前端环境,建立Express后端服务连接MySQL数据库;2. 用户模块开发:实现登录验证、个人中心、用户增删改查及权限控制功能;3. 新闻模块开发:包含富文本编辑器集成、新闻发布管理、分页查询和时间格式化等功能。项目采用JWT进行身份验证,实现了前后端完整的数据交互流程,为内容管理系统开发提供了完整解决方案。
2025-07-07 17:45:02
761
原创 Vue3踩坑记录
已知:使用ref定义基础类型数据;使用reactive定义复杂对象或数组;//以下都会报错 'items' is constantitems = []reactive的常量不能直接重新赋值,可以通过修改数组内容来更新数据。解决方法:(1)、替换数组中的所有元素// 清空数组// 清空数组//创建一个新的数组并赋值给 items(2)、ref支持重新赋值// 重新赋值整个数组备注:如果是对象:除非用ref,否则只能这样逐个赋值,且用 let 进行定义。
2024-11-18 11:56:41
1170
原创 Vant2组件库的基础应用
页面初始化时加载初始列表方法,随着页面向下滚动和刷新,页面递增,此时发送请求,获取下一页数据,这个适用于vue2,只需要换成自己的接口和循环组件即可!点击field栏,选择本周时间,选中后将值回显(minDate和maxDate在方法里限制了范围,在确定事件里整理格式,然后赋值给field栏绑定的值)columns: ['杭州', '宁波', '温州', '绍兴', '湖州', '嘉兴', '金华', '衢州'],="xx",因为它只能过滤头部和尾部的空格,而不能过滤中间的,所以自己再写了个方法。
2024-06-20 17:41:16
2818
原创 Ant Design Vue中的Table和Tag的基础应用
{ customRender: '属性名' };在视图里通过slot="属性名" slot-scope="text"就可以操作你要的样式,见上方的“性别”、“图片”、“视频”列;点击X删除该小组(tag),如果满足条件就删除,否则就触发删除事件,在这里就通过。,一般从请求里获取,根据数组里对象的“属性名”去依次设置columns;函数里操作record,将。阻止close事件被触发。
2024-06-20 14:48:19
1703
原创 echarts高级应用
echarts官网的顶部栏:下载下拉栏中的主题下载,进入后找到定制主题按钮进去,左侧点击下载主题按钮,普通html项目选择JS版本,得到infographic.js文件,放入项目文件夹中。vue项目则选择JSON 版本下载。然后在文件里改成自己想要的颜色即可!或者在主题编辑器”里选好再下载!主题编辑器 - Apache ECharts//================引入=======================
2024-05-29 16:56:12
1044
原创 地图引擎(WebGIS)之MapBox的基础使用
addLayer可以单独使用,也可以结合addSource一起使用;BoxGeoJSON.vue代码:geojson加载-点击事件漫游。注意:这些只是基础使用,其他的属性和方法自行查找官网,慢慢研究。跟随鼠标操作可以放大缩小、俯仰角观看,左右摇摆式观看。地球自转本质:每间隔一段时间经度累加,通过。相当于地图中的山脉形状也清晰可见了。其实就是设置不同的setFog;
2024-05-17 17:02:30
8219
4
原创 vue3+ts实战
/(vue下面有红色波浪线)注意:如果下载成功,可以在项目的package.json文件里看到对应的版本号。在src包下创建http/api文件夹,并在文件夹下创建http.ts文件;在src包下创建router文件夹,并在文件夹下创建index.ts文件;(1)、router下的index.ts代码。
2024-05-17 15:36:58
4648
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人