Vue 事件修饰符事件修饰符概述事件修饰符是一种特殊的语法，用于指示 Vue 对 DOM 事件监听器行为进行特定的修改。事件修饰符的基本用法：<p v-on:事件类型.事件修饰符="xxx"></p> <p v-on:事件类型.事件修饰符1.事件修饰符2="xxx"></p>Vue 的基本事件修饰符：名称描述.stop阻止事件冒泡.prevent阻止默认事件行为.capture事件捕获，和事件冒泡相反.self将事件绑定到自身，只有自身才能触发事件.once事件只触发一次.stop在 Vue 中，.stop 修饰符用于阻止事件冒泡。当一个元素触发了某个事件，如果该元素的父元素也注册了相同的事件，默认情况下，事件会从子元素向上冒泡到父元素，从而触发父元素的相同事件处理函数，而使用 .stop 修饰符可以阻止这种冒泡行为。示例：.stop 修饰符入口页面（index.html）：<div id="app"> <!-- button作为div的

Vue 实例创建 Vue 实例在 Vue 项目中，每个 Vue 应用都是通过 Vue 构造器创建新的 Vue 实例开始的。Vue 实例的创建方法：let vm = new Vue({ // ...Vue实例配置/属性/参数 })Vue 实例的基本配置项：名称描述el指定唯一根标签data定义数据methods定义方法components定义子组件computed定义计算属性filters定义过滤器watch监听数据变化el 唯一根标签el 表示唯一根标签。通过 el 属性可以将 Vue 实例与 #app 盒子绑定在一起。Vue 实例可以操作 el 属性绑定的 #app 盒子。可以将 Vue 实例中的数据展示在 el 属性绑定的 #app 盒子内部。示例：el入口页面（index.html）：<div id="app"> <h3>{{message}}</h3> </div> ​ <!-- 在#app外部，无法读取到Vue实例内部的数据 --> <h3>{{message}}<

初识 Vue前端技术的发展前端技术发展历程：主流的前端框架目前前端开发领域中的主流框架：jQuery：快速、小巧且功能丰富的 JavaScript 库。Bootstrap：由 Twitter 开发的前端框架，可以快速创建响应式和移动优先的网站。React：由 Facebook 创建并维护的开源 JavaScript 库，支持虚拟 DOM，提供声明式编程范式。Angular：由 Google 维护的开源的前端框架，提供了丰富的功能，如双向数据绑定等。Vue：由尤雨溪于 2014 年 2 月发布的的渐进式框架，Vue 以其简洁的 API、响应式数据绑定和组件化的架构而受到广泛欢迎。......Vue 简介Vue 是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。渐进式是一种设计理念，即在不失去当前功能的前提下，逐步添加新的特性。开发者可以根据项目的复杂程度和团队的成熟度，逐渐引入更多 Vue 相关的技术和工具。Vue 渐进式架构从核心到周边工具：Vue 目前有两个大版本：Vue 2 文档：https://v2.cn.vuejs.org/Vue 3 文档：https:

ArkTSArkTS 简介ArkTS 是 HarmonyOS 的主力应用开发语言。ArkTS 围绕应用开发在 TypeScript 生态基础上做了进一步扩展，继承了 TypeScript 的所有特性，是 TypeScript 的超集。JS、TS、ArkTS 的历史：JavaScript 由 Mozilla 创建，最初用于解决网页逻辑交互问题，成为 Web 开发基础。TypeScript 由 Microsoft 创建，旨在增强 JavaScript，引入类型系统、类型检查等，提高大型应用程序的可维护性。React.js 和 Vue.js 等前端框架引入了声明式 UI 和响应式编程的概念，使 Web 应用程序更容易开发和维护。ArkTS 建立在 JS 和 TS 的基础之上，扩展了声明式 UI 开发范式和状态管理，提供更简洁和自然的开发方式。声明式 UI声明式 UI 是一种编程范式，开发者只需要告诉程序希望界面呈现什么样的结果，而不需要告诉它具体如何去一步步实现这个界面。声明式 UI 的思想：描述 UI 的呈现结果，而不关心过程。状态驱动视图更新。组件结构基础组件结构ets 文件代码的基本结

HarmonyOS 开发环境前言本课所使用的版本为 HarmonyOS 开发者 3.1/4.0，对应 API 能力级别为 API 9 Release。本课适合快速入门上手，且 HarmonyOS 开发更新迭代速度较快。建议学习的过程中结合文档中心进行学习。3.1/4.0 版本文档：https://developer.huawei.com/consumer/cn/hmos/overview/?catalogVersion=V2HarmonyOS 简介HarmonyOS：新一代的智能终端操作系统，为不同设备的智能化、互联与协同提供了统一的语言，带来简洁，流畅，连续，安全可靠的全场景交互体验。HarmonyOS 发展历程：时间事件2019 年HarmonyOS 1.0，华为在东莞举行华为开发者大会，正式发布操作系统鸿蒙 OS，主要用于物联网。2020 年HarmonyOS 2.0，基于开源项目 OpenHarmony 开发的面向多种全场景智能设备的商用版本。2021 年HarmonyOS 3.0，先后优化游戏流畅度、地图三维体验、系统安全，另外系统的稳定性也得到了增强。2023 年Harmo

近期有一个 Spring Boot 的项目要整合 Logback，考虑到一些强迫症的原因，想要把日志文件输出到和 jar 包同一目录下，此时需要思考如何获取项目 jar 的运行目录，能拿到项目 jar 的运行目录，Logback 输出文件就没什么大问题了。解决方案 1：private static String getResourceBasePath() { File path = null; try { path = new File(ResourceUtils.getURL("classpath:").getPath()); } catch (FileNotFoundException e) { } if (path == null || !path.exists()) { path = new File(""); } String pathStr = path.getAbsolutePath(); pathStr = pathStr.repl

最近在做一个 Vue.js 的小项目，遇到了这样一个问题：当使用 router-link 跳转后， URL 由 /article/news 变化成 /article/help 时，页面没有刷新。路由配置：{ path: '/article/:alias', component: () => import('@/views/article/List') }组件中的数据，是通过 axios 请求，根据 alias 参数动态获取并渲染的，问题就出现在这里。官方文档参考：https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html使用带有参数的路由时需要注意的是，当用户从 /users/johnny 导航到 /users/jolyne 时，相同的组件实例将被重复使用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会被调用。所以无论是 /article/news，还是 /article/help，其实都是调用的