-
Vue3中passive修饰符与preventDefault的关系
2025/10/15 点击：6254
在Vue3中使用passive修饰符后，监听器内调用preventDefault()方法是无效的。 这是因为passive修饰符表明监听器不会阻止默认行为，浏览器可以更高效地处理事件。 // 示例代码template div @touc
-
Vue3中基本按键修饰符
2025/12/13 点击：2747
在Vue3里，按键修饰符方便处理键盘事件。比如，使用 .enter 修饰符可监听回车键事件。 template input v-on:keyup.enter="onEnterPress" //templatescript setupconst onEnterPress = () = { console.log('回车键被按下
-
Vue3中系统按键修饰符
2025/12/13 点击：6086
Vue3提供系统按键修饰符，像 .ctrl 可监听Ctrl键。 template input v-on:keyup.ctrl="onCtrlPress" //templatescript setupconst onCtrlPress = () = { console.log('Ctrl键被按下'); // 运行结果：当按下Ctrl键时，控制台输
-
Vue3中系统修饰键 - Ctrl键
2025/12/13 点击：9310
在Vue3里，Ctrl键是常用系统修饰键。它常和其他键组合使用，触发特定功能。比如结合点击事件，可实现多选等操作。 template button @click.ctrl="handleCtrlClick"Ctrl点击/button/templatescript setupc
-
Vue3中系统修饰键 - Shift键
2025/12/13 点击：3353
Shift键也是Vue3重要系统修饰键。它常和其他操作结合，改变默认行为。比如在输入框输入时按Shift键，可实现大小写切换等。 template input @keydown.shift="handleShiftKeydown" //templatescript setupco
-
Vue3 TodoList 基础结构搭建
2025/12/13 点击：9166
在 Vue3 中搭建 TodoList 应用，首先要创建项目结构。我们可以使用 Vue CLI 快速生成项目。 vue create vue3-todolistcd vue3-todolist 接着，在 App.vue 里构建基础模板。 TodoList 确保已全局安装 Vue CL
-
Vue3 TodoList 添加任务功能
2025/12/13 点击：5638
为 TodoList 添加添加任务功能，需要在模板里添加输入框和按钮。 TodoList 添加 在脚本里定义数据和方法。 注意在添加任务时，要检查输入框是否为空，避免添加空任务。
-
Vue3中组件的基本概念
2025/10/15 点击：5500
在Vue3里，组件是构成应用的基本单元。它把页面中可复用的部分封装起来，提高开发效率。 // 定义一个简单的组件const app = Vue.createApp({})const MyComponent = { template: ' 这是一个组件 ' }app
-
Vue3中组件的注册方式
2025/10/15 点击：713
Vue3里组件有全局注册和局部注册两种方式。全局注册后，在应用的任何地方都能使用。 // 全局注册组件const app = Vue.createApp({})const MyComponent = { template: ' 全局组件 ' }app.component('my - glob
-
Vue3中组件全局注册的基本概念
2025/10/15 点击：711
在Vue3里，组件全局注册能让组件在整个应用中使用，无需在每个组件里单独引入。 // 创建一个应用实例const app = createApp(App);// 全局注册一个组件app.component('my-component', { template: ' 这是一
