一、路由
路由的本质就是一种对应关系，根据不同的URL请求，返回对应不同的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为：后端路由和前端路由。
1.1 路由分为两大类：
前端路由：Hash地址与组件之间的对应关系。
SPA与前端路由之间的关系：SPA指的是一个web网站只有唯一的一个HTML页面，所有组件的展示与切换都在这唯一一个页面内完成。此时不同组件之间的切换，要
原创
2024-01-21 02:18:43
438阅读
2 vue-router
安装：npm install vue-router
原创
2022-11-20 00:40:39
92阅读
Vuex 和 Vue Router 是 Vue.js 生态系统中非常重要的两个库，分别用于状态管理和路由管理。它们各自的实现原理如下：
Vuex 实现原理
1. 状态管理
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它使用集中式的存储管理所有组件的状态，并以一种可预测的方式来确保状态以一种可追踪的方式发生变化。
2. 核心概念
State：应用的状态，存储在 Vuex 中的
npm install vue-router --save npm install vue-resource --save npm install vuex --save 一、代码 import Vue from 'vue' import App from './App.vue' import Vu
原创
2021-11-22 10:00:28
287阅读
vue,vuex,vue-router放在一起能做什么？不用webpack之类的打包工具使用他们是否可行？各位道友在初学vue时是否有这样的困惑。因为现代构建前端项目的一般模式是：安装webapck，某种是glup,grunt，或者是fis等构建工具然后安装一个包管理器，npm，bower，或者说是新一代：yarn再然后用 包管理器 安装各种各样的包，如：vue，bootstrap，vu
转载
2017-02-20 12:25:00
135阅读
在vue-cli中使用vuex： 1、导入vuex 2、创建store对象 const store =new Vuex.store() 3、数据放在state里 在vue-cli中使用vue-router： vue-router的作用是用来绑定路由和组件的 1、通常以键值对的方式先定义一个常量规则r ...
转载
2021-08-10 16:48:00
619阅读
2评论
Vue项目中我们一般会使用Vue-Cli来创建项目，它会自动管理Vue，Vue-cli，Vue-router，Vuex 的版本
原创
2022-08-24 18:54:07
2173阅读
配置 实践中用到的版本 "vue":"^2.6.12" "vue-router":"^3.5.2" 创建项目 vue create learnrouter创建vue项目，可以选择自定义创建，我这里选择的是默认vue2项目 npm install vue-router@^3.5.2下载，版本3.x的都 ...
转载
2021-09-16 11:01:00
1258阅读
2评论
Vue 3、Vuex 和 Vue Router 都是 Vue.js 生态系统中非常有用的库。它们各自在 Vue.js 应用程序中扮演着重要的角色：Vue 3 是核心框架，Vuex 用于状态管理，而 Vue Router 用于路由管理。下面是如何在 Vue 3 项目中使用这些库的简要说明。
原创
2024-05-29 10:58:49
192阅读
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。 https://router.vuejs.org/zh/ 主要包含的功能 l 嵌套的路由/视图表 l 模块化的、基于组件的路由配置 l 路由参数、查询、通配符 l 基于 Vu ...
转载
2021-09-23 15:13:00
393阅读
2评论
vue.extend():用其实现拷贝PS: Object.assign也能实现拷贝，但可能存在兼容性问题vue.util.extend(): 扩展对象
原创
2022-09-13 12:09:03
93阅读
注意：vue-router 2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。推荐使用npm安装。 一、使用路由在main.js中，需要明确安装路由功能： 1.定义组件，这里使用从其他文件import进来 2.定义路由 3.创建 router 实
转载
2017-04-14 19:50:00
401阅读
官网： http://router.vuejs.org/zh-cn/ 1.安装 vue-router 方法一： $ npm install vue-router 方法二： 在 package.json 的 dependencies 中配置版本号 通过 命令行 $ npm install 安装 2.配
转载
2017-03-03 16:42:00
292阅读
2评论
URL的hash URL的hash也就是锚点（#），本质上是改变window.location的href属性 我们可以通过直接赋值location.hash来改变href，但是页面不发生刷新 location.href "https://www.baidu.com/" location.hash = ...
转载
2021-09-09 09:59:00
221阅读
2评论
################### npm install vue-router <router-link to="/user" tag="button" active-class="active" exact>Go to User Page</router-link> 这个例子中，当用户点击按
原创
2023-04-17 14:48:53
91阅读
vue-router 3.x跟vue-router 4.x比起来写法上的区别vue-router 3.x// router/index.js
import Vue from 'vue'
import Router from 'vue-router'
import routes from './routes'
Vue.use(Router)
const router = new Router({
