路由就是用来跟后端服务器进行交互的一种方式，通过不同的路径，来请求不同的资源，请求不同的页面是路由的其中一种功能。 vue-router是vue.js官方路由管理器。vue的单页应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。（传统页面切换是用超链接a标签进行切换） ##### ...
分类：
其他好文 时间：
2020-04-09 12:40:14
阅读次数：
80
<router-link :to='' class='active-class'> //路由声明式跳转 ，active-class是标签被点击时的样式 <router-view> //渲染路由的容器 <keep-alive> //缓存组件 ...
分类：
其他好文 时间：
2020-04-09 12:33:15
阅读次数：
897
Vue router 中hash模式和history模式的关系 在vue的路由配置中有mode选项 最直观的区别就是在url中 hash 带了一个很丑的 而history是没有 的 mode:"hash"; mode:"history"; hash模式和history模式的不同 对于vue这类渐进式 ...
分类：
其他好文 时间：
2020-04-08 10:06:36
阅读次数：
65
1、什么VuePress 一个 VuePress 网站是一个由 Vue、Vue Router 和 webpack 驱动的单页应用 2、快速上手VuePress // 安装yarn： https://classic.yarnpkg.com/zh-Hans/docs/install#windows-st ...
分类：
其他好文 时间：
2020-04-05 09:25:11
阅读次数：
147
export default new Router({ mode: 'history', //路由模式，取值为history与hash base: '/', //打包路径，默认为/，可以修改 routes: [ { path: string, //路径 component: Component; / ...
分类：
其他好文 时间：
2020-04-02 19:49:42
阅读次数：
200
Vue项目中经常会有对状态的控制操作，那么如何合理的封装使用呢？ main.js 引入store //main.js import store from './store'; const app = new Vue({ router, store, ... }) 创建store文件夹，新建index ...
分类：
其他好文 时间：
2020-04-02 17:53:14
阅读次数：
51
前言vue路由组件我使用的vue-routerweb服务器使用nginx Vue-router配置vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载http://localhost:8080/#/Hello ...
分类：
Web程序 时间：
2020-03-31 22:35:33
阅读次数：
80
路由原理 传统开发方式 url改变后 立刻发起请求，响应整个页面，渲染整个页面 SPA 锚点值改变后 不会发起请求,发起ajax请求,局部改变页面数据 页面不跳转 用户体验更好 SPA single page application(单页应用程序) 前端路由 锚点值监视 ajax获取动态数据 核心点 ...
分类：
其他好文 时间：
2020-03-28 13:18:55
阅读次数：
84
项目简介 基于 vue.js 的前端开发环境，用于前后端分离后的单页应用开发，可以在开发时使用 ES Next、scss 等最新语言特性。项目包含： 基础库: vue.js、vue-router、vuex、whatwg-fetch编译/打包工具：webpack、babel、node-sass单元测试 ...
分类：
其他好文 时间：
2020-03-27 12:41:45
阅读次数：
82
vue-router：官方提供的vue路由插件 使用流程： 下载：npm I -S vue-router 引用：import VueRouter from 'vue-router' 注册：Vue.use(VueRouter) 路由配置： const routes=[ {path:'/films',c ...
分类：
其他好文 时间：
2020-03-26 13:42:53
阅读次数：
68
