51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

vue.js 带参数跳转 vue页面跳转
一、to +跳转路径<router-link to="/">跳转到主页</router-link>　<router-link :to="{path:'/Test',query:{id:1,name:'vue'}}" >跳转到Test</router-link>参数获取：　　this.$route.query.参数名称 二
vue.js 带参数跳转
Test
转载
冷月星
2023-07-06 15:29:41
410阅读

vue.js 登录页面
# 使用Vue.js实现登录页面 ## 1. 概述 在本文中，我将向你介绍如何使用Vue.js实现一个简单的登录页面。Vue.js是一种流行的JavaScript框架，用于构建用户界面。它具有轻量级、灵活和易于学习的特点，非常适合用于构建交互性强的页面。 ## 2. 实现流程 首先，我们来看一下整个实现登录页面的流程。下面是一个流程图，描述了实现登录页面的主要步骤。 ```mermaid
Vue
登录页面
HTML
原创
mob64ca12f8a724
2023-08-24 07:58:00
572阅读

vue.js渲染页面
# Vue.js渲染页面 Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它提供了一个专注于视图层的解决方案，让开发者可以更轻松地构建交互式的Web应用程序。在本文中，我们将详细介绍Vue.js的渲染页面过程，并提供相应的代码示例。 ## 渲染页面的基本流程 Vue.js的渲染页面过程可以分为以下几个步骤： 1. 创建Vue实例：首先，我们需要创建一个Vue实例，以便于
Vue
javascript
数据绑定
原创
mob64ca12f49f4b
2023-08-10 04:12:00
294阅读

vue 点击实现页面跳转
以下是一个被封装的box组件，在父组件中点击该组件可以实现打开一个新页面： Box.vue 1 <template> 2 <div class="box"> 3 <div class="grid-content bg-purple"> 4 <div 5 class="title-style" 6 @ ...
当前页
重定向
封装
新窗口
html
转载
mb5fdb138eb7a27
2021-10-13 11:03:00
3371阅读
2评论

vue 实现点击跳转页面
在Vue中实现点击跳转页面，通常有两种常见的方式：使用<router-link>组件和编程式导航。下面分别介绍这两种方法。使用<router-link>组件<router-link>是Vue Router提供的组件，用于创建链接，激活时可以自动添加CSS类，处理活性状态，并且支持 <a> 标签的全部特性。示例代码：<template>
Vue
示例代码
历史记录
原创 精选
爱抽软玉溪
2024-08-22 11:20:22
795阅读

vue.js点击按钮弹出进度条 vue点击弹出页面
步骤一创建一个弹窗页面，我们给该页面命名为dialogComponent，弹窗页面中要设置以下内容：<template> <!--1.首先，弹窗页面中要有el-dialog组件即弹窗组件，我们把弹窗中的内容放在el-dialog组件中--> <!--2.设置:visible.sync属性，动态绑定一个布尔值，通过这个属性来控制弹窗是否弹出--> <el
vue.js点击按钮弹出进度条
vue
el-dialog
弹窗
点击事件
转载
epeppanda
2023-06-01 15:30:32
714阅读

Vue.js 生成静态页面
# Vue.js 生成静态页面 在Web开发中，前端框架变得越来越流行。Vue.js是一个轻量级的JavaScript框架，用于构建交互式的用户界面。与许多其他前端框架不同，Vue.js也可以用于生成静态页面。本文将介绍如何使用Vue.js生成静态页面，并提供一些示例代码。 ## 什么是静态页面？ 静态页面是在服务器上预先生成的HTML文件。与动态页面相比，静态页面不需要服务器端处理，可以直
Vue
静态页面
HTML
原创
mob649e815da088
2023-07-23 17:13:07
2378阅读

vue 点击菜单跳转外部页面
主要使用 以下方式跳转外部页面，通过路由到指定页面后，再打开外部页面 1 window.location.href = 'http://www.baidu.com' 修改如下： 1.菜单配置 menu.js： 1 let menu = { 2 menus: [ 3 4 { 5 key: '1', d
vue
ico
原创
菜小鱼鱼
2022-08-11 22:49:59
3337阅读

vue.js项目改网页显示 vue跳转
一、router-link标签跳转在html标签内使用router-link跳转，相应于超链接标签，使用方式如下：<router-link to="/">xxx</router-link>但是a标签和router-link还有一点区别的： a标签 W3C中的解释：a标签定义超链接，用于从一个页面链接到另一个页面个人理解：通过a标签进行跳转，页面会被重新渲染，即相当于重新打开
javascript
css
vue.js
前端
a标签
转载
karen
2023-06-06 17:51:51
160阅读

vue.js 页面传参数 vue页面参数传递
前段时间接到一个开发任务，涉及到路由跳转，并且伴有参数传递。于是猝不及防的掉入了$router的坑。在使用this.$router.push跳转路由的时候，涉及到两种传参方式，需要注意的是，params参数需要使用name来引导，query参数需要使用path来引导。例子如下：方式一： 页面A:   使用query，需要使用path引导，以get方式传递数据。url地址栏格式
vue.js 页面传参数
获取数据
地址栏
html
转载
编程小达人
2023-07-05 21:59:50
217阅读

vue.js页面倒计时
# 使用Vue.js实现页面倒计时 ## 1. 介绍 本文将教会刚入行的开发者如何使用Vue.js实现一个页面倒计时功能。Vue.js是一款流行的JavaScript框架，它可以帮助我们构建交互式的Web应用程序。页面倒计时是一个常见的需求，例如在电商网站中，倒计时可以用来展示特价商品剩余的时间。 ## 2. 准备工作 在开始教学之前，确保你已经安装了Node.js和Vue.js脚手架。如果还
Vue
App
命令行
原创
mob64ca12ee66e3
2023-09-07 08:58:08
339阅读

javascript实现点击链接跳转 js点击跳转到指定页面
对于网页编程开发人员来说，在网站页面开发的过程中，有时候我们需要实现当点击一个按钮或者超链接时，立刻滚动跳转定位到本页面中指定的位置。对于大多数的编程老手来说，这些都不是什么难事，但对于一些新手或者没有深入学习编程开发的人来说，可能不知道如何去实现，在这里就和大家分享一下 html js点击按钮滚动跳转定位到页面指定位置（DIV）的方法代码 。     这里主要分为两种情
javascript实现点击链接跳转
bc
html
指定位置
转载
mob64ca13fd9f8e
2023-10-07 16:10:38
4220阅读

vue.js的优势 vue vue.js
一、Vue.js是什么    Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。二、如
vue.js的优势
前端
Vue
入门
NPM
转载
mob64ca14089531
1月前
433阅读

vue 点击按钮 路由跳转指定页面
最终效果：点击指定按钮，跳转指定 /login 页面代码：<button @click="gotolink" class="btn btn-success">点击跳转页面</button> methods:{ gotolink(){ uter.g...
跳转页面
原创
小羽向前跑
2023-01-03 15:04:37
1931阅读

js和vue.js js和vue.js区别
Vue.js：Vue.js（是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件VueJS 特性：I:
js和vue.js
vue.js
前端
javascript
Powered by 金山文档
转载
数据侠客行
2023-08-10 11:36:06
856阅读

vue3 axios文件里跳转路由 vue.js路由跳转
1、router-link （声明式路由）1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。 2.带
vue3 axios文件里跳转路由
vue路由跳转
刷新页面
路由配置
html
转载
蓝色忧郁花
2024-08-01 12:41:01
499阅读

Vue.js
Vue.js是对JavaScript进行了封装，语法风格和小程序很像，比如双大括号{{}}都是插值表达式。也许它们有相互借鉴的地方，所以说只要熟悉了一门语言，再学习其他语言就会融会贯通。 Vue的官方文档是https://cn.vuejs.org/v2/guide/ W3c的教程是https://w
Vue.js
html
ios
vue.js
解决方案
转载
mob60475704ea1a
2019-08-24 15:28:00
256阅读
2评论

Vue.js
1.Vue.js 1.1Vue.js介绍 1.1.1Vue.js是什么？ ​ Vue是一套用于构建用户见面的**渐进式框架。**与其他大型框架不同的是，Vue被设计为可以自底层向上逐层应用。 ​ Vue的核心库只关注视图层，不仅易于上手，还便于与第三方或既有项目整合。另一方面，当与现代化工具链以及各 ...
数据
html
ios
vue.js
ajax
转载
mb5fd86d5f5874e
2021-09-21 22:00:00
300阅读
2评论

vue.js
Vue.js 是一个渐进式 JavaScript 框架，用于构建用户界面。它主要用于创建单页面应用（SPA），但也可以作为一个库集成到现有项目中。Vue 提供了响应式数据绑定和组件化的开发模式，使得开发者可以高效地构建动态和交互性强的应用。主要特点：响应式数据绑定：Vue 的数据绑定系统使得数据和视图保持同步，改变数据会自动更新视图。组件化：通过组件，开发者可以将界面分解为可重用的片段，提高代码的
Vue
开发者
数据绑定
原创
wx66cd4af1479ee
2024-08-27 11:47:04
175阅读
1点赞

vue.js的好处 vue.js优势
目录一、 Vue.js是什么二、 Vue.js优点 三、 前提条件四、 安装Vue1.  直接用 script 标签 引入2.  命令行工具 (CLI)3. 其他方法或细节应用五、声明式渲染六、 理解什么是MVVMMVVM模式的组成部分MVVM优点一、 Vue.js是什么(vue读音 /vjuː/，类似于 view)
vue.js的好处
vue.js
前端
javascript
Vue
转载
墨染青衫
2023-08-11 15:19:19
311阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

vue.js技术简介 vue.js原理

VUE.js

Vue.js（03）：Vue.js 模板语法

vue.js android vue.js android app

vue.js项目实战 vue.js教程

vue.js教程 vue.js快速入门

vue.js 指令 vue.js内置指令

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯