原文:[Vue 牛刀小试]:第十二章 - 使用 Vue Router 实现 Vue 中的前端路由控制

一 前言 前端路由是什么 如果你之前从事的是后端的工作,或者虽然有接触前端,但是并没有使用到单页面应用的话,这个概念对你来说还是会很陌生的。那么,为什么会在单页面应用中存在这么一个概念,以及,前端路由与我们后端的路由有什么异同呢。本章,我们就来简单介绍下前端路由的概念,以及如何在 Vue 中使用 Vue Router 来实现我们的前端路由。 学习系列目录地址:https: www.cnblogs. ...

2019-05-22 09:17 0 716 推荐指数:

查看详情

[Vue 牛刀小试]:第二 - 常见的指令的使用

一、前言   在上一,我们了解了一些在使用 Vue 进行开发中经常会遇到的基础概念,与传统的前端开发不同,Vue 可以使我们不必再使用 JavaScript 去操作 DOM 元素(还是可以用,但是极度不推荐),而这一优秀特性的核心就是 Vue 的指令系统,本章,一起来学习 Vue ...

Fri Aug 31 02:09:00 CST 2018 0 1551
[Vue 牛刀小试]:第十一章 - Vue ref 的使用

一、前言   在之前的前端开发,为了实现我们的需求,通常采用的方案是通过 JS/Jquery 直接操纵页面的 DOM 元素,得益于 Jquery 对于 DOM 元素优异的操作能力,我们可以很轻易的对获取到的 DOM 元素进行操作。但是,当我们开始在前端项目中使用 Vue 这类的 MVVM ...

Mon Apr 29 17:12:00 CST 2019 0 841
[Vue 牛刀小试]:第十三章 - Vue Router 基础使用再探(命名路由、命名视图、路由传参)

一、前言   在上一的学习,我们简单介绍了前端路由的概念,以及如何在 Vue 通过使用 Vue Router实现我们的前端路由。但是在实际使用,我们经常会遇到路由传参、或者一个页面是由多个组件组成的情况。本章,我们就来介绍下在这两种情况下 Vue Router使用方法以及一些 ...

Mon Jun 17 17:10:00 CST 2019 0 570
[Vue 牛刀小试]:第十四 - 编程式导航与实现组件与 Vue Router 之间的解耦

一、前言   在上一的学习,通过举例说明,我们了解了 Vue Router 命名路由、命名视图的使用方法,以及如何通过 query 查询参数传参,或者是采用 param 传参的方式实现路由间的参数传递。通过学习我们可以发现,在实现路由间的参数传递时,我们将 Vue Router 与我 ...

Wed Jul 03 18:04:00 CST 2019 0 602
[Vue 牛刀小试]:第三 - 事件修饰符的使用

一、前言   熟悉了 Vue 的指令系统后,在实际开发,不可避免的会使用到对于事件的操作,如何处理 DOM 事件流,成为我们必须要掌握的技能。不同于传统的前端开发,在 Vue 给我们提供了事件修饰符这一利器,使我们可以便捷的处理 DOM 事件,本章,一起来学习如何使用事件修饰符来实现 ...

Thu Nov 01 05:14:00 CST 2018 0 991
[Vue 牛刀小试]:第十五 - 传统开发模式下的 axios 使用入门

一、前言   在没有接触 React、Angular、Vue 这类 MVVM 的前端框架之前,无法抛弃 Jquery 的重要理由,除了优秀的前端 DOM 元素操作性以外,能够非常便捷的发起 http 请求也占有非常重要的地位。   既然我们已经开始使用 Vue 进行前端开发,抛弃了对页面 ...

Tue Jul 09 17:45:00 CST 2019 0 690
[Vue 牛刀小试]:第六 - 按键修饰符的使用

一、前言    上周末的时候,准备试试将 ASP.NET Core 的项目部署到 CentOS 服务器上,结果在一个接一个坑里面跳,最后 Supervisor 守护程序还是有问题,于是,采用重装系 ...

Fri Nov 16 16:55:00 CST 2018 4 1275
[Vue 牛刀小试]:第十七 - 优化 Vue CLI 3 构建的前端项目模板(1)- 基础项目模板介绍

一、前言   在上一,我们开始通过 Vue CLI 去搭建属于自己的前端 Vue 项目模板,就像我们 .NET 程序员在使用 asp.net core 时一样,我们更多的会在框架基础上按照自己的开发习惯进行调整。因此在后面几章的学习,我将会在整个项目基础上,按照自己的需求进行修改设定 ...

Mon Sep 16 17:39:00 CST 2019 0 616
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM