- 博客(296)
- 资源 (39)
- 收藏
- 关注
RSS订阅
原创 3.6 修改vuex的状态Mutations ,Actions
state: {count: 0},// 修改状态},// 使用载荷来修改状态})在这个例子中，我们定义了两个 mutations:increment和decrement。increment不接受任何参数，而decrement接受一个包含amount属性的对象作为其载荷。在 Vuex store 的actions选项中定义 Actions。每个 Action 函数接收一个名为context的对象作为第一个参数。这个contextstate: 指向。rootState。
2025-08-11 16:13:43
931
5
原创 3.1Vue Router
是动态内容的占位符。在一级页面组件中使用，可以实现二级页面的嵌套显示。嵌套路由非常适合构建具有固定布局 + 可变内容的页面结构（如后台管理、文档网站等）。正确使用嵌套路由和，可以让项目结构更清晰、组件复用性更高、用户体验更流畅。💡 提示：你可以继续嵌套更多层级（三级、四级），但建议不要超过三层，以免结构过于复杂。
2025-08-09 12:40:47
1595
17
原创 3.7vuex的 getters 和 分模块
在 Vuex store 中定义gettersstate: {todos: [},getters: {// 获取所有已完成的 todos},// 可以接受其他 getters 作为第二个参数})users.js。
2025-08-12 00:33:28
182
1
原创 3.5 vue调试工具和VueX简单使用
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 Vue Devtools 中，提供了诸如零配置的时间旅行、状态快照导入导出等高级调试功能。
2025-08-11 13:29:22
717
1
原创 3.4路由守卫
在Vue 2中，Vue Router提供了路由守卫（Navigation Guards）的功能，这允许你在路由跳转之前或之后执行逻辑。这些守卫可以用来处理认证、授权、页面标题修改、记录分析数据等任务。
2025-08-10 11:34:37
496
2
原创 3.3keep-alive
include: 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude: 字符串或正则表达式。任何名称匹配的组件都不会被缓存。max: 数字。最多可以缓存多少组件实例。例如，只缓存名为ComponentA。
2025-08-10 10:59:24
261
1
原创 3.2Vue Router路由导航
是 Vue Router 提供的一个组件，用于在模板中创建可点击的链接，从而触发路由跳转。通过掌握这些路由导航和传参的方法，你可以构建出功能丰富、用户体验良好的单页应用。(必需): 指定目标路由的位置。类似，但不会向 history 添加新记录，而是替换当前记录。方法用于导航到新的路由，会向浏览器历史记录栈添加一条新记录。）是以键值对的形式附加在 URL 的末尾，前面有一个问号。时，导航时会在当前路径前追加路径，而不是替换整个路径。也就是说，一个被精确匹配的链接，的链接，当用户点击时会导航到对应的视图。
2025-08-09 14:40:17
771
1
原创 3.0单页面应用介绍
单页面应用程序（Single Page Application, SPA）是一种现代的Web应用程序架构，它通过动态重写当前页面来更新视图，而不是传统的从服务器加载全新的页面。这种模式提供了更流畅的用户体验，因为用户可以在不重新加载整个页面的情况下浏览不同的内容或执行各种操作。
2025-08-08 14:05:16
275
原创 2.9 插槽
Vue 2 中，插槽（slots）是组件之间传递内容的一种方式。插槽（Slot）是Vue为组件封装者提供的能力，允许开发者在封装组件时，将不确定的、希望由用户指定的部分定义为插槽。默认插槽是没有指定名称的插槽，通常用于当只有一个插槽出口时。包含了所有由子组件传递过来的插槽 prop，父组件可以通过解构的方式直接访问这些属性。是父组件的数据，但其变化会导致插槽内容的更新，而无需重新渲染整个子组件。是响应式的，Vue 会自动更新插槽中显示的内容。如果没有提供任何内容，将会渲染默认内容“这里是默认内容”。
2025-08-08 09:41:09
899
3
原创 2.8 ref 和 自定义指令
Vue2允许开发者通过自定义指令扩展框架功能，实现对DOM的底层操作。自定义指令分为私有和全局两种类型，可在生命周期钩子中处理元素绑定、更新、解绑等场景，适用于表单焦点、样式动态调整、交互增强等需求。官方内置指令（如v-modelv-for）无法满足特定需求时，自定义指令是重要补充。注册位置：在组件的directives节点下声明，仅当前组件可用。示例代码color: {// 动态设置颜色使用方式：在模板中通过v-指令名调用，如。注册方式：通过全局注册，可在所有组件中使用。示例代码。
2025-08-07 12:32:24
995
原创 2.7 (拓展)非父子通信(事件总线和provide-inject)详解
本文介绍了Vue中实现组件通信的两种方式：事件总线（EventBus）和provide/inject。事件总线通过创建独立的Vue实例实现跨组件通信，适合简单场景但需注意内存泄漏和命名冲突。provide/inject则支持祖先与后代组件间的通信，默认非响应式但可通过特定方法实现响应式数据传递。文章对比了两种方式的优缺点，建议简单通信使用事件总线，复杂场景考虑Vuex，而provide/inject更适合组件库开发。同时详细讲解了在Vue2和Vue3中的不同实现方式及注意事项。
2025-08-07 12:31:49
687
原创 2.6 sync
这种表单编辑组件（如弹窗、卡片）主状态用v-model控制显隐或编辑状态多个字段用.sync实现独立双向同步避免使用v-model多次（Vue 2 不支持）
2025-08-06 15:12:42
833
3
原创 2.5 props和v-model详解
v-modelvalue如果你不想使用默认的value和input，可以使用model选项来自定义。方式说明默认v-model等价于自定义model选项可指定 prop 名和事件名，更灵活核心机制父传子（props），子传父（$emit）💡双向绑定的本质是“单向数据流 + 事件通知”，Vue 的v-model只是语法糖，让你写起来更简洁。通过合理使用props和$emit，你可以在任何自定义组件中实现类似v-model的双向绑定效果。
2025-08-06 12:59:50
767
原创 2.4 组件通信
方法说明推荐度内联箭头函数最灵活，推荐⭐⭐⭐⭐⭐包装函数逻辑清晰，适合复杂处理⭐⭐⭐⭐☆$event+ 参数传统写法，稍显隐晦⭐⭐⭐☆☆。
2025-08-05 20:54:51
492
2
原创 2.3 子组件样式冲突详解
方案适用场景优点注意事项scoped属性组件私有样式隔离简单高效，自动隔离无法直接修改子组件样式/deep/选择器修改子组件或第三方组件样式穿透隔离，灵活调整避免滥用，可能影响样式封装性自定义前缀不使用scoped时的样式隔离兼容性好需手动维护命名规范通过合理组合scoped和/deep/，可有效解决Vue2组件样式冲突问题，同时保证组件的封装性和样式可维护性。
2025-08-05 19:07:37
632
1
原创 2.2 vue2子组件注册使用
这是Vue官方推荐的开发工具，专门为Vue.js设计，支持.vue文件的语法高亮、智能提示、代码格式化等功能。注意：如果是Vue3项目，建议使用Vue (Official) --原Volar插件替代Vetur。VSCode中实现Vue2代码高亮，推荐使用。
2025-08-04 20:58:38
337
1
原创 2.1 vue组件
Vue2项目入口文件main.js详解：作为应用入口点，负责初始化Vue实例并挂载到DOM元素。主要包括导入Vue库和根组件App.vue、配置生产环境提示、创建Vue实例并通过render函数渲染根组件、手动挂载到#app元素。组件系统由根组件（顶层结构）和子组件（功能模块）组成，遵循特定的生命周期执行顺序。Vue组件由template（HTML结构）、script（逻辑代码）和style（可选样式）三部分组成，其中data必须为函数返回对象，避免多个实例共享数据导致污染。
2025-08-04 20:25:44
2439
15
原创 2.0 vue工程项目的创建
命令是创建一个全新的、现代化的 Vue 3 项目的标准方法。它利用create-vue脚手架工具，通过交互式配置，为你生成一个基于 Vite、可选 TypeScript、Vue Router、Pinia、Vitest、ESLint、Prettier 等技术栈的项目。如果你想创建 Vue 2 项目，请不要使用这个命令，因为它创建的是 Vue 3 项目。你应该使用之前介绍的vue create(Vue CLI) 并手动选择 Vue 2 版本。
2025-08-03 19:45:46
641
原创 1.8 axios详解
Axios是一个基于Promise的现代化HTTP客户端库，主要用于在浏览器和Node.js 环境中发送HTTP请求，旨在简化异步数据交互流程。跨平台支持：在浏览器中通过XMLHttpRequest对象发送请求，在Node.js 环境中使用http模块发送请求。：所有请求均返回Promise对象，支持async/await语法，简化异步代码逻辑。自动数据转换：默认自动将请求和响应数据转换为JSON格式，也支持自定义转换规则。拦截器机制：可拦截请求和响应，用于添加认证头、统一错误处理等。安全性增强。
2025-08-03 17:42:54
706
原创 1.7vue生命周期
是一个非常重要的工具，用于在下次 DOM 更新循环结束之后执行回调函数。当你修改了数据，但需要在 DOM 实际更新后进行某些操作时，就需要使用。时，DOM 还没有完成渲染，因此你可能获取不到正确的高度。假设你有一个按钮，点击后切换一个 div 的显示状态（），并希望在 div 显示出来后立即获取它的高度。触发了 DOM 更新，但 Vue 的更新是。
2025-08-02 20:35:49
452
原创 1.6 vue 监听
Vue2中watch功能详解：通过watch选项和$watch方法实现数据监听。watch选项支持静态定义监听器，可配置deep（深度监听）和immediate（立即执行）；$watch方法则支持动态添加/移除监听器。监听对象深层属性推荐使用函数方式或配合计算属性。两者各有优势，watch选项适合初始化时静态监听，$watch方法更适合运行时动态管理监听器生命周期。
2025-08-02 14:19:41
571
原创 13.c语言完结练习
2.允许用户最多输入三次用户名和密码，判断是否与预设的值匹配。 输入处理：字符串比较：4. 输入1-12数字,显示对应月份,和月份缩写 数组定义：输入处理：随机数生成：红球生成：排序：蓝球生成：格式化输出：
2025-08-01 10:26:48
3261
15
原创 12.c语言结构体当做参数传递和创建堆内存结构体
值传递：传递副本，安全但可能低效（对大结构体而言），函数内修改不影响原结构体。指针传递：传递地址，高效，函数内可通过->操作符修改原始结构体，是处理大结构体或需要修改数据时的首选方式。在实际编程中，尤其是处理较大的数据结构时，指针传递是更常见和推荐的做法。
2025-08-01 10:25:56
811
原创 10.C 语言内存划分,static,字符串
常量字符串：用双引号括起来的一组字符。这里str是一个指向字符串字面量的指针，该字符串存储在只读内存区域。字符数组：用于存储可修改的字符串。注意这里的大小为 14，因为包括了结尾的\0。无论是将数字转换为字符串还是反之，选择合适的方法取决于你的具体需求。对于简单的场景，sprintfsnprintf和atoi系列函数通常足够了；而对于需要更多控制或者更高的安全性要求的场合，则应该考虑使用strtolstrtoul和strtod等函数。
2025-07-31 12:14:32
953
原创 1.5.Vue v-for, V-module 和 指令修饰符
Vue 的指令修饰符极大地增强了 Vue 指令的功能性，使得我们可以更加简洁和直观地处理常见的交互逻辑，如表单验证、事件控制等。理解并正确使用这些修饰符可以使你的代码更加清晰易懂，同时也能提高开发效率。对于特定场景下的需求，比如需要阻止事件冒泡或者确保输入值为数字类型等，合理利用修饰符可以让你的代码更加健壮和易于维护。
2025-07-30 19:40:45
1152
原创 1.4.Vue 的模板事件
在v-on事件绑定中，不能直接写ifforvar等 JavaScript 语句。可以写：方法调用(推荐用于复杂逻辑)简单表达式或内联函数调用或@click="() => { /* 简单逻辑 */ }"复杂逻辑应始终放在methods选项中，并在事件绑定中调用该方法。
2025-07-30 08:30:00
832
原创 1.3.vue2中 data数据和控制元素的 class 属性
字符串 (message：存储简单的文本信息。布尔值 (isActive：用于控制元素是否处于激活状态。数组 (items：包含一组列表项，常用于渲染列表。对象 (user：包含更复杂的数据结构，如用户信息。字符串：适用于简单的、固定的类名。对象语法：基于条件动态添加或移除类。数组语法：当需要应用多个类时非常有用，也可以结合条件判断。结合使用：可以在同一个元素上同时使用静态class和动态:class。
2025-07-29 13:54:07
872
原创 1.2.vue插值表达式
表达式是编程语言中能“计算出一个值”的代码单元。它由操作数（变量、常量、函数调用等）和运算符组成。理解表达式是编写任何程序的基础，尤其是在像 Vue 这样需要在模板中进行数据绑定和逻辑处理的框架中，掌握表达式的概念和用法至关重要。记住：表达式产生值，语句执行动作。
2025-07-29 10:39:24
666
原创 1.vue体验
前缀的特殊属性，它们用于在模板中直接应用 Vue 的响应式特性。虽然你可以通过方法实现同样的功能，但是计算属性是基于它的依赖进行缓存的。当你运行这个简单的例子时，你应该能够在页面上看到 "Hello Vue!首先，你需要在你的项目中安装 Vue 2。选项中，就像方法一样，但它们会自动追踪其依赖的数据，并且只在依赖数据发生变化时重新计算结果。：接下来，在你的 JavaScript 文件中创建一个新的 Vue 实例，并指定。：在你的 HTML 文件中添加一个元素作为 Vue 实例的挂载点。
2025-07-28 20:42:47
800
原创 8.c语言指针
定义一个函数指针需要指定其指向的函数的返回类型以及参数列表。返回类型 (*指针名)(参数类型列表);例如，假设有一个返回类型为int，接受两个int// 定义一个函数指针。
2025-07-27 20:48:10
842
原创 7.函数详解
返回类型 函数名(参数列表) {// 函数体return 返回值;返回类型：函数返回值的类型，如intfloatvoid（表示无返回值）等。函数名：函数的名字，遵循标识符命名规则。参数列表：函数接收的输入值，可以是多个、一个或没有。函数体：函数执行的具体操作。return：用于返回一个值给调用者（如果返回类型不是void。
2025-07-27 17:08:50
625
原创 6.数组和字符串
数组是一系列相同类型的数据项的集合，这些数据项可以通过一个共同的名字来引用。数组中的每个元素都有一个索引（也称为下标），从0开始计数。定义定义了一个包含5个整数的数组。初始化剩余元素自动初始化为0。
2025-07-26 21:40:21
1148
原创 5. 流程控制语句
控制结构用途是否需要条件是否循环if单条件判断✅❌if-else二选一✅❌多条件判断✅❌多分支选择✅（整型）❌for已知次数的循环✅✅while条件驱动的循环✅✅do-while至少执行一次的循环✅✅break跳出循环或 switch❌❌continue跳过当前循环体继续下一轮❌✅goto无条件跳转（不推荐）❌❌。
2025-07-26 18:00:17
260
转载 （GUI）操作系统
我们都知道，在 Android 图形系统中，主要绘图的任务是交给 View 去完成的，ViewGroup 是作为管理视图的容器，它的任务是按照一定的规则摆放子 View，自身则基本不参与绘图操作。我们日常开发接触比较多的是 ‘触摸事件’，因此，本文主要讨论的是 ‘触摸事件’ 的分发流程，其他类型的输入事件顺带会提一嘴，不是本文的重点。我们会从认识硬件驱动开始，自底向上，一步步的来了解，事件是怎么到达的系统内核，内核又是怎么传递到应用，以及应用最终是如何消费掉事件的。
2025-07-25 17:25:29
25
原创 5.2.1 javascript 事件对象.内容补充.
上接在 Web 开发里，event对象存有与事件相关的信息，像事件类型、触发事件的元素、鼠标位置等。不同浏览器对event对象的处理存在差异，尤其是 IE8 及更早版本。下面详细解释event对象，同时给出兼容现代浏览器和 IE8 的示例。
2025-07-25 13:24:28
206
原创 4. printf(), scanf()
功能函数/格式符格式化输出printf()整数输出%d浮点数输出%f%.2f字符输出%c字符串输出%s地址输出%p十六进制输出%x%X八进制输出%o控制宽度/精度%10.2f左对齐%-10d。
2025-07-25 10:30:00
392
原创 3.C语言运算符
请注意，同一行中的运算符具有相同的优先级。而结合性则决定了相同优先级的运算符是从左向右计算还是从右向左计算。例如，赋值运算符是右结合的，意味着它们从右向左计算，如。关系运算符用于比较两个值的大小关系，返回布尔值（0表示假，非0表示真）。逗号运算符用于将多个表达式组合在一起，返回最后一个表达式的值。条件运算符是C语言中唯一的三元运算符，用于简化条件判断。运算符用于获取数据类型或变量的大小（以字节为单位）。逻辑运算符用于组合多个条件表达式，返回布尔值。算术运算符用于执行基本的数学运算。
2025-07-24 16:53:34
459
Delphi编程获取汉字拼音
2013-06-24
android反编译工具
2012-10-16
DevExpress for xe3
2013-06-09
FastReport Vcl 5.3.13 For XE8 安装版
2015-10-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人