路由（vue-router） 现在的应用都流行SPA应用（single page application） 传统的项目大多使用多页面结构，需要切换内容的时候我们往往会进行单个HTML文件的跳转，这个时候网络 ...

对于单页应用，官方提供了vue-router进行路由跳转的处理，本篇主要也是基于其官方文档写作而成。 安装 基于传统，我更喜欢采用npm包的形式进行安装。 npm install vue-router --save 当然，官方采用了多种方式进行安装，包括bower,cdn等。 基本用法 ...

前面的话 　　本文将详细介绍Vue-router的API router-link 　　<router-link> 组件支持用户在具有路由功能的应用中点击导航。 通过 to 属性指定目标地址，默认渲染成带有正确链接的 <a> 标签，可以通过配置 tag 属性生成 ...

一、什么是计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： 这里的表达式包含3个操作，并不是很清晰，所以遇到复杂逻辑时应该使用Vue特带的计算属性computed来进行处理。 二、计算属性的用法 ...

一、绑定class的几种方式 1.对象语法 直接看例子： 2.数组语法 直接看例子： 使用计算属性给元素动态设置类名， ...

指令 (Directives) 是带有 v- 前缀的特殊属性，职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 内置指令 1、v-bind：响应并更新DOM特性；例如：v- ...

前端路由 根据不同的 url 地址展示不同的内容或页面，无需依赖服务器根据不同URL进行页面展示操作 优点 用户体验好，不需要每次都从服务器全部获取，快速展现给用户 缺点 ...

一、简介 Vue-router 是 Vue.js官方的路由管理器。它和 Vue.js的核心深度集成，让构建单页面应用变得易如反掌 先来了解两点 单页面应用(SPA) 路由管理器 1.1 单页面应用 单页面应用程序将所有的活动局限于一个Web页面中，仅在该Web页面 ...