- 博客(36)
- 收藏
- 关注
原创 Vue2与Vue3中TS子组件传值给父组件
当子组件触发该事件时,父组件会接收到新的值,从而更新绑定的。来绑定指定的 prop,当子组件需要更新该 prop 的值时,可以通过。触发事件时,父组件接收到这个事件后,Vue 会自动更新。来触发事件,并向父组件传递新的值,从而更新父组件中的。在子组件中,当某个操作(如按钮点击)触发时,使用。来触发事件并将新值传递给父组件,实现双向绑定。父组件在使用子组件时:父组件通过。时,它实际上会监听子组件触发的。事件,并将事件传递的数据(来定义子组件会发出的事件,触发该事件后,父组件中的。事件,并将新的值(如。
2025-03-24 14:44:46
259
原创 一段有趣的Python代码
当没有csv数据集时,怎么办?使用python代码创建一个CSV(逗号分隔值)文件,需要决定数据集的结构,包括列标题和每一行的数据。正在创建一个用户数据集,其中包括用户名、年龄、电子邮件地址和注册日期。
2024-12-07 20:05:52
234
原创 构造函数原型对象语法、原型链、原型对象
了解面向对象编程的一般特征,掌握基于构造函数原型对象的逻辑封装,掌握基于原型对象实现的继承,理解什么原型链及其作用,能够处理程序异常提升程序执行的健壮性。
2024-11-07 15:53:27
1141
原创 面向对象编程的基础概念及构造函数
了解面向对象编程的基础概念及构造函数的作用,体会 JavaScript 一切皆对象的语言特征,掌握常见的对象属性和方法的使用。
2024-11-06 17:04:04
708
原创 JS高级中的作用域、变量提升、闭包与结构赋值
谈谈JS高级中的作用域、作用域链、闭包、变量提升、函数、结构赋值等内容学习,学习作用域、变量提升、闭包等语言特征,加深对 JavaScript 的理解,掌握变量赋值、函数声明的简洁语法,降低代码的冗余度。
2024-11-06 09:17:09
1070
原创 HTML、JavaScript和CSS实现注册页面设计
javaScript、css、Html是前端的基础以及重要的前置知识,需要融汇贯通的熟练掌握,一些平常的小页面,有助于更好的学习以及掌握底层前端逻辑知识,我是谈谈叭~,一个正在学习前端的大学畜,希望大家指正!一起交流学习~
2024-10-31 07:53:07
760
原创 Vue3中实现电商Sku组件封装
随着 Vue 3 的广泛应用,构建灵活、高效的 SKU 组件变得尤为重要。本文将深入探讨如何在 Vue 3 中封装一个可复用的 SKU 组件,帮助开发者提升用户体验,同时简化产品管理。
2024-10-23 22:27:30
1095
原创 Vue3项目起步
默认情况下在 语法糖下组件内部的属性和方法是不开放给父组件访问的,可以通过defineExpose编译宏指定哪些属性和方法容许访问说明:指定testMessage属性可以被访问到。侦听一个或者多个数据的变化,数据变化时执行回调函数,俩个额外参数 immediate控制立刻执行,deep开启深度侦听。通过watch监听的ref对象默认是浅层侦听的,直接修改嵌套的对象属性不会触发回调执行,需要开启deep。顶层组件可以向底层组件传递方法,底层组件调用方法修改顶层组件的数据。
2024-10-19 21:24:41
853
原创 Vue2中使用Element-ui组件实现表单增加、删除、修改、查询功能
Vue2中使用Element-ui组件实现表单增加、删除、修改、查询功能
2024-10-17 21:56:31
923
原创 Vue2中可移除标签tag栏实现
在现代前端开发中,Vue.js 作为一款流行的 JavaScript 框架,广泛应用于构建交互性强、用户体验优良的应用程序。在许多应用场景中,标签(tag)栏提供了一种便捷的方式来组织和展示信息。用户可以通过标签来快速识别内容,增强界面的可用性。然而,随着用户需求的变化,标签的管理变得越来越重要,特别是在需要动态添加和移除标签的情况下。实现可移除标签的功能,不仅能提高用户的操作灵活性,还能提升应用的整体体验。本文将介绍如何在 Vue 2 中实现可移除标签栏的功能,通过简单的示例和步骤,帮助开发者快速上手。
2024-10-16 21:36:12
253
原创 在Linux环境CentOS7上安装MySQL 8.0 Community Server进行数据库实例的部署、启动与关闭
Linux环境CentOS7上安装MySQL 8.0 Community Server进行数据库实例的部署、启动与关闭
2024-10-16 17:13:44
1532
原创 Vue2+ECharts+Mock.js实现前端后台通用管理系统页面
在现代Web开发中,前端框架与数据可视化工具的结合能够显著提升用户体验。本文将介绍如何使用Vue2和ECharts构建一个通用的后台管理系统页面。利用Vue2的组件化特性,可以高效管理应用状态与UI交互,而ECharts则提供多样的图表类型,便于展示数据分析结果。通过整合这两者,开发者能够快速构建出既美观又功能强大的后台管理系统,实现数据的动态展示与实时更新,从而帮助用户做出更明智的决策。
2024-10-14 21:49:10
1730
原创 Vue2中使用Mock.js模拟后端接口数据
Mock.js是一个用于生成随机数据和拦截 Ajax 请求的库。它可以根据指定的规则自动生成包含随机数据的 JSON 对象,非常适合前端开发阶段进行数据模拟。本文介绍了如何在 Vue2 项目中使用 Mock.js 模拟后端接口数据。通过这种方式,你可以在后端接口尚未完成时,依然能够进行前端开发和测试,提高开发效率。希望本文对你有所帮助!如有疑问,请随时留言讨论。
2024-10-10 20:56:08
1046
原创 Vue2中使用Vuex实现组件通信
Vuex 是 Vue.js 的官方状态管理库。它采用单向数据流的思想,能够集中管理所有组件的状态,并以一种可预测的方式进行状态的变更。State:存储应用的状态。Getters:从 state 派生出一些状态,类似于计算属性。Mutations:唯一可以直接修改 state 的方法,必须是同步函数。Actions:处理异步操作,可以调用 mutations。Modules:将 store 分割成模块,每个模块拥有自己的 state、mutations、actions 和 getters。
2024-10-09 20:20:23
938
1
原创 Vue2中使用Element-ui中NavMenu导航菜单实现菜单栏切换功能
【代码】Vue2中使用Element-ui中NavMenu导航菜单实现菜单栏切换功能。
2024-10-09 19:50:52
1153
原创 Vue3中Element-Plus登录表单校验以及Pinia管理用户数据
Vue3中Element-Plus登录表单校验以及Pinia管理用户数据
2024-10-02 18:01:43
917
原创 性能优化之图片懒加载指令实现
解决图片懒加载问题,一次性直接请求所有的图片资源,时间很长。使用图片懒加载,当看到图片时,在进行图片的加载,类似于数据分页功能以及加载功能
2024-09-29 16:13:04
436
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人