本章节我们将为大家介绍 Vue.js 路由。Vue.js 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue.js 可以实现多视图的单页Web应用eb application，SPA）。Vue.js 路由需要载入。
原创
2024-10-14 09:52:37
32阅读
注意：执行以下操作时提前安装node.js。如何安装请看俺的node.js学习路程。1.安装vue命令行工具
原创
2022-10-14 16:11:24
105阅读
在现代Web开发中，单页面应用（SPA）因其优秀的用户体验和高效的性能而备受欢迎。Vue.js，作为一个轻量级且易于上手的前端框架，结合Vue Router，为开发者提供了一个强大的路由系统，用于构建SPA的导航系统。本文将深入探讨Vue.js路由的基本概念、配置、使用以及高级特性，帮助开发者更好地理解和应用这一功能。一、Vue Router的基本概念Vue Router是Vue.js的官方路由管
Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）。 Vue.js 路由需要载入 vue-router 库 中文文档地址：vue-router文档。 一、安装 1、直接下载 / CDN https://unpkg.com/vue-router/dist...
转载
2020-05-20 14:15:00
131阅读
2评论
# Vue.js渲染页面
Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它提供了一个专注于视图层的解决方案，让开发者可以更轻松地构建交互式的Web应用程序。在本文中，我们将详细介绍Vue.js的渲染页面过程，并提供相应的代码示例。
## 渲染页面的基本流程
Vue.js的渲染页面过程可以分为以下几个步骤：
1. 创建Vue实例：首先，我们需要创建一个Vue实例，以便于
原创
2023-08-10 04:12:00
294阅读
# 使用Vue.js实现登录页面
## 1. 概述
在本文中，我将向你介绍如何使用Vue.js实现一个简单的登录页面。Vue.js是一种流行的JavaScript框架，用于构建用户界面。它具有轻量级、灵活和易于学习的特点，非常适合用于构建交互性强的页面。
## 2. 实现流程
首先，我们来看一下整个实现登录页面的流程。下面是一个流程图，描述了实现登录页面的主要步骤。
```mermaid
原创
2023-08-24 07:58:00
572阅读
路由的参数设置是路由的反斜杠加冒号，如下代码：import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
Vue.use(Router)
export default new Router({
routes: [
{
path
转载
2023-07-06 15:22:10
554阅读
vue本身并没有提供路由机制，但是官方以插件得形式提供了对路由得支持，可以使用vue脚手架包去创建一个webpack应用，在创建时可以选择支持路由功能，这样创建得webpack应用在根目录下的src文件夹中会有一个router文件夹，文件夹中有一个index.js文件在入口文件main.js中导入r ...
转载
2021-10-29 21:39:00
221阅读
2评论
# Vue.js 生成静态页面
在Web开发中，前端框架变得越来越流行。Vue.js是一个轻量级的JavaScript框架，用于构建交互式的用户界面。与许多其他前端框架不同，Vue.js也可以用于生成静态页面。本文将介绍如何使用Vue.js生成静态页面，并提供一些示例代码。
## 什么是静态页面？
静态页面是在服务器上预先生成的HTML文件。与动态页面相比，静态页面不需要服务器端处理，可以直
原创
2023-07-23 17:13:07
2378阅读
本篇文章主要是我在开发前研究了webpackue.js的单页面应用，因为需要用到node的npm，所以确保安装了nod
原创
2022-04-06 11:27:36
456阅读
官方文档：https://router.vuejs.org/zh/installation.html
原创
2023-05-16 00:09:28
325阅读
vue中路由跳转及传参（以下仅仅是根据我个人的学习与理解编辑） 一：跳转有2种 1.方式一： router-link to 的方式 2.方式二： this.$router.push 的方式 二：传参有2种 1.方式一： params 配合命名路由 name 的方式 ---->参数不会显示在地址栏 pa
转载
2023-06-05 23:44:15
244阅读
一、Vue中的vue-router(路由)的使用
基本使用
一个路由（route）就是一组映射关系（key-value）,多个路由需要路由器（router）进行管理
前端路由：key是路径，value是组件
安装vue-router:npm i vue-router
应用插件：Vue.use（VueRouter）二、修改main.js文件
//引入Vue
import Vue from 'vue'
转载
2023-05-22 14:59:57
293阅读
前段时间接到一个开发任务，涉及到路由跳转，并且伴有参数传递。于是猝不及防的掉入了$router的坑。在使用this.$router.push跳转路由的时候，涉及到两种传参方式，需要注意的是，params参数需要使用name来引导，query参数需要使用path来引导。例子如下：方式一： 页面A: 使用query，需要使用path引导，以get方式传递数据。url地址栏格式
转载
2023-07-05 21:59:50
217阅读
路由组件耦合接收参数方式通过路由传参时，h:"/myPaht", component:MyC
原创
2023-06-28 14:15:08
110阅读
# 使用Vue.js实现页面倒计时
## 1. 介绍
本文将教会刚入行的开发者如何使用Vue.js实现一个页面倒计时功能。Vue.js是一款流行的JavaScript框架，它可以帮助我们构建交互式的Web应用程序。页面倒计时是一个常见的需求，例如在电商网站中，倒计时可以用来展示特价商品剩余的时间。
## 2. 准备工作
在开始教学之前，确保你已经安装了Node.js和Vue.js脚手架。如果还
原创
2023-09-07 08:58:08
339阅读
一、Vue.js是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。二、如
vue.js中v-for的使用及索引获取 2.x版本： index即索引值。 分割线 1.x版本： 1.v-for 示例一： 2.索引 在 v-for 块内我们能完全访问父组件作用域内的属性，特殊变量 $index是当前数组元素的索引： 另外，你可以为索引指定一个别名（如果 v-for 用于一个对象
转载
2020-01-02 12:31:00
338阅读
2评论
动态路由：我们经常需要把某种模式匹配道德所有路由，全都映射到同一个组件。例如我们有一个user组件，对于所有id不同的用户又要使用这个组件来渲染。一个路径参数使用冒号标记动态路由使用方法：```jsconst router =new VueRouter({
routes:[
{path:'/user/:id/:name/:age',component:user}
]
})```创建vue：
转载
2023-06-16 15:34:08
120阅读
第11章 单页应用11.1 单页应用什么是单页应用单页应用(single page web application，SPA)，是在一个页面完成所有的业务功能，浏览器一开始会加载必需的HTML、CSS和JavaScript，之后所有的操作都在这张页面完成，这一切都由JavaScript来控制。单
原创
2022-03-03 15:03:38
182阅读
