我们在写vue项目的时候会遇到给组件命名,这里的name非必选项,看起来好像没啥用处,但是实际上这里用处还挺多的 export default { name:'xxx' } 1.当项目使用keep-alive时,可搭配组件name进行缓存过滤举个例子:我们有个组件命名为detail,其中dom加载完
转载
2020-10-17 14:16:00
826阅读
2评论
Vue--路由「Vue-router」的使用技术概述描述这个技术是做什么?学习该技术的原因,技术的难点在哪里。控制在50-100字内。 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-route
转载
2024-04-12 04:18:50
61阅读
在创建 Router 实例的时候,在 routes 配置中已经给路由设置名称(https://router.vuejs.org/zh/guide/essentials/named-routes.html),同时页面中也会针对该视图进行命名(https://vue.docschina.org/v2/a ...
转载
2021-10-09 10:36:00
1242阅读
2评论
命名路由: { path: '/about', name: 'about', component: About } 作用: 1、路由跳转 this.$router.push({ name: 'about' }) 2、路由重定向 { path: '/a', redirect: { // path: '
原创
2021-08-07 09:05:42
994阅读
[vue-router] Route with name '路由名称' does not exist,报错[vue-router] Route with name ' ' does not exist
原创
2022-11-18 00:04:12
3060阅读
我们在写vue项目的时候会遇到给组件命名 这里的name非必选项,看起来好像没啥用处,但是实际上这里用处还挺多的 ? 1 2 3 export default { name:'xxx' } 1.当项目使用keep-alive时,可搭配组件name进行缓存过滤 举个例子: 我们有个组件命名为detai
转载
2019-12-14 15:53:00
262阅读
2评论
每次封装组件的时候都会给组件起一个:name但是呢,我们大多数情况下又没用过这
原创
2022-11-18 00:08:17
435阅读
在 Vue Router 里,name 并非路径,而是给路由起的一个别名。它的作用主要是为了方便在代码里进行路由跳转,让代码更具可读性和可维护性。下面为你详细解释:1. 路由配置中的 name在定义路由时,除了 path(路径)和 component(组件),还可以为路由指定一个 name。示例如下:javascriptimport { creat
一、vue-router介绍vue-router是vue官方提供的一个路由框架,控制页面路由,使用较为方便。1.路由模式hash(浏览器环境默认值),使用 URL hash 值来作路由,支持所有浏览器。history:依赖HTML5 History API和服务器配置
abstract: 支持所有 JavaScript 运行环境,如 Node.js 服务器端。如果发现没有浏览器的 API,路由会自
转载
2023-12-31 17:12:00
137阅读
vue-router是vue单页面开发的路由,就是决定页面跳转的! <router-link> 组件支持用户在具体有路由功能的应用中(点击)导航。通过to属性指定目标地址。 Props 属性 1、to 表示目标路由的链接。当被点击后,内部会立刻把to的值传到router-push()。 2、repl
转载
2018-06-21 23:06:00
241阅读
2评论
vue-router是vue单页面开发的路由,就是决定页面跳转
原创
2022-11-08 17:29:52
203阅读
1.组件自身的递归调用,就是在当前组件中,调用组件自己2.当我们使用vue.js官方提供的调试工具调试时,可以看到组件的名称,更好地定位3.最后一种应该是使用比较多的情况,就是当我们使用 keep-alive时可以使用include和exclude指定需要缓存和不需要缓存的组件。指定的依据就是组件的name。...
原创
2023-05-19 15:18:20
213阅读
vue-router是什么~~vue-router是Vue的路由系统,定位资源的,我们可以不进行整页刷新去切换页面内容。vue-router的安装和基本配置vue-router.js 可以下载 也可以用cdn,基本配置信息看如下代码~~~vue-router demo// html 代码
<div id="app">
<div>
<router
转载
2024-01-17 11:13:47
59阅读
## Vue3 Axios重Router没作用的解决方法
### 1. 简介
在Vue.js的开发中,经常会遇到使用Axios发送网络请求的情况。而在Vue3中,使用Axios发送网络请求时,有时会出现重Router没作用的问题。本文将介绍在Vue3中解决这个问题的方法。
### 2. 解决方法
为了解决重Router没作用的问题,我们可以按照以下步骤进行操作:
| 步骤 | 操作 |
原创
2023-11-17 16:18:49
193阅读
Vue Router 一、什么是前端路由 1.1.后端路由阶段 后端渲染:以前没有JavaScript,网页没有ajax请求,在服务器就长那个样子,在服务器就渲染好,就是最终网页,后端渲染完然后直接给前端的 后端路由:后端处理URL和页面之间的映射关系 1.2.前后端分离阶段 前后端分离:后端只负责 ...
转载
2021-10-07 13:01:00
240阅读
2评论
本文主要记录 Vue.js 中的 router 管理,涉及如何使用路由实现单页面应用(SPA)的组件切换,以及路由的一些 API 操作。
原创
2022-11-08 21:16:27
164阅读
Furong.vue <template> <div id="Furong"> <p>{{msg}}</p> </div> </template> <script> export default { name: 'Furong', data() { return { msg: 'hello furo
转载
2021-07-08 14:02:00
121阅读