AI 助理
备案控制台
文章 2024-11-02 来自：开发者社区

"Vue实战技巧大揭秘：一招解决路由跳转页面不回顶部难题，让你的单页面应用用户体验飙升！"

Vue点击路由跳转页面，怎么默认回到顶部在单页面应用（SPA）中，路由跳转是非常常见的操作。然而，用户在浏览页面时，往往会遇到一个问题：当点击路由跳转到新的页面时，页面并没有自动滚动到顶部，而是保持在之前的滚动位置。这种情况在某些场景下会影响用户体验，例如&...

文章 2024-10-18 来自：开发者社区

Vue开发必备：$nextTick方法的理解与实战场景

一、NextTick是什么 1、官方对其的定义 在Vue.js中，$nextTick是一个特别的方法，用于在DOM更新完成后执行延迟回调。在修改数据之后，可以使用此方法来等待DOM更新。等DOM更新完成之后，会回调指定的函数。 2、什么意思呢？ 我们可以理解成，Vue 在更新 DOM 时是异步执行的。当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所...

文章 2024-08-21 来自：开发者社区

Vue中组件化编码 完成任务的添加、删除、统计、勾选需求（实战练习三完结）

上一个章节实现数据在组件之间的传递 。这一章主要是完成添加任务到任务栏、删除任务栏、统计任务完成情况。主要还是参数在各个组件之间的传递。上一章节的链接地址：https://blog.csdn.net/weixin_43304253/article/details/126238030 文章目录 1、实现的效果演示 2、需求实现的大致流程 3 、代码（这里只给出主要部分代码、详细代码...

Vue中组件化编码 完成任务的添加、删除、统计、勾选需求（实战练习三完结）
文章 2024-08-21 来自：开发者社区

Vue学习之--------消息订阅和发布、基础知识和实战应用（2022/8/24）

文章目录 1、基础知识 2、代码实例 2.1 main.js 2.2 School.vue 2.3 Student.vue 2.4 App.vue 3、全局事件总线通信改为消息的订阅和发布 3.1 核心部分代码 3.1.1 TheItem.vue(样式省略)、发布消息 3.1.2 App.vue 订阅消息 ...

Vue学习之--------消息订阅和发布、基础知识和实战应用（2022/8/24）
文章 2024-08-19 来自：开发者社区

Vue学习之--------深入理解Vuex、原理详解、实战应用（2022/9/1）

文章目录 1.概念 2.何时使用？ 3.搭建vuex环境 3.1 创建文件:`src/store/index.js` 3.2 在`main.js`中创建vm时传入`store`配置项 4.基本使用 4.1、初始化数据、配置`actions`、配置`mutations`，操作文件`store.js` 4.2、组件中读取vuex中的数据...

Vue学习之--------深入理解Vuex、原理详解、实战应用（2022/9/1）
文章 2024-08-15 来自：开发者社区

Vue中组件化编码使用、实现组件之间的参数传递（实战练习二）

上一章节实现的是静态页面的设计、这一章节实现将数据抽取出来、通过组件间参数的传递来实现上一章节链接地址：https://blog.csdn.net/weixin_43304253/article/details/126218585 文章目录 1、组件之间是怎样实现参数传递的？（基本的传递方式） 1.1、思路流程 1.2 、代码流程（有点简陋） 1.3 代码...

Vue中组件化编码使用、实现组件之间的参数传递（实战练习二）
文章 2024-08-15 来自：开发者社区

Vue中组件化编码使用（实战练习一）

Vue中组件化编码的大致流程（初接触）、组件之间的参数传递（最基础的形式）、组件之间的配合完成一个需求 1、在Vue中进行组件化编码 1.1、组件化编码流程： (1)、拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突。 (2)、实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用： ​ 1)、一个组件在用：放在组件自身即可。 ​ 2)、 一些组...

Vue中组件化编码使用（实战练习一）
文章 2024-07-20 来自：开发者社区

Vue 全局状态管理新宠：Pinia实战指南

@TOC 前言     随着Vue.js项目的日益复杂，高效的状态管理变得至关重要。Pinia作为Vue.js官方推荐的新一代状态管理库，以其简洁的API和强大的功能脱颖而出。本文将带您快速上手Pinia，从安装到应用，轻松实现Vue.js项目的全局状态管理，提升开发效率和项目可维护性。 全局状态管理 基本步骤： 1.npm install pinia 2.main.js 引入...

Vue 全局状态管理新宠：Pinia实战指南
文章 2024-07-04 来自：开发者社区

vue实战——登录【详解】(含自适配全屏背景，记住账号--支持多账号，显隐密码切换，登录状态保持）

效果预览 技术要点——自适配全屏背景 https://blog.csdn.net/weixin_41192489/article/details/119992992 ...

vue实战——登录【详解】(含自适配全屏背景，记住账号--支持多账号，显隐密码切换，登录状态保持）
文章 2024-07-04 来自：开发者社区

vue实战——404页面模板001——男女手电筒动画

src\views\otherPages\404.vue <template> <div class="pageBox"> <svg width="100%" height="auto" viewBox="0...

vue实战——404页面模板001——男女手电筒动画

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

VUE.js vue相关内容

VUE.js更多vue相关

VUE.js您可能感兴趣

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。

+关注