关于 vue 1.0和2.X 路由

最新推荐文章于 2021-01-30 13:53:18 发布
原创 最新推荐文章于 2021-01-30 13:53:18 发布 · 233 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文对比了Vue路由从1.0版本到2.x版本的变化，介绍了如何从使用a标签配合v-link切换视图的方式转变为使用router-link组件，并通过'to'属性来指定导航链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

路由方面 1.0版本

路由方面2.X版本

总结:

在1.0 版本中是使用 a 标签 v-link 对象的引入路径

在2.中使用 router 替代了 a 标签 v-link 直接替换成 router-link  通过 'to' 属性指定链接

router-link 默认渲染成 a 标签

vue router1.0 极简示例
sophia1010的专栏
11-08 3561
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <title>learning vue<
vue1.0版本配合webpack的路由使用
06-06
关于vue1.0版本配合webpack使用vue-router
vue路由1.0_Vue.js 路由详解（一）
weixin_39759600的博客
12-20 215
1. Vue.js 路由的作用用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。简单的理解路由将浏览器地址栏的url信息进行有规律的解析并渲染对应的视图...
Vue1.0嵌套路由
木子小奇奇
08-07 333
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;/head&gt; &lt;script type="text/javasc
Vue1.0路由设置及传参
木子小奇奇
08-06 374
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;/head&gt; &lt;script type="text/javasc
vue1.0简单的使用路由并传参数
weixin_40593587的博客
02-09 654
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;路由&lt;/title&gt; &lt;/head&gt; &lt;script src="vue1.0.11.js&quo
根据慕课网vue.js1.0开发移动端APP饿了么视频进行修改，用vue.js2.x对部分api进行更改 .zip
最新发布
04-06
总之，从Vue.js 1.0到2.x的迁移涉及组件定义、模板语法、性能优化、路由管理和状态管理等多个方面。理解这些变化对于成功地更新饿了么移动端APP至关重要。通过逐步学习和实践，你可以充分利用Vue.js 2.x的新特性，...
Vue如何从1.0迁移到2.0
08-29
- Vue Router 1.x与2.x之间也有较大差异，例如，动态路由匹配、嵌套路由等配置方式有所变化，需要更新路由配置代码。 在实际迁移过程中，建议先进行代码审查，找出可能受到以上变化影响的部分。然后，可以逐步将...
Vue.js 2.x前端框架打造的AdminLTE系统模板介绍
### 知识点一：Vue.js 2.x框架 Vue.js是一个流行的JavaScript框架，用于构建用户界面和单页应用程序。它由尤雨溪（Evan You）创建，并在2014年发布了1.0版本。Vue.js 2.x是在2016年发布的，它是目前广泛使用的稳定...
详解Vue.js搭建路由报错 router.map is not a function
10-19
在Vue Router的早期版本（例如1.0.x）中，`router.map`是用于配置路由的API，它允许开发者定义各个路由及其对应的组件。然而，随着Vue Router的更新，特别是到了2.0版本及以上，这个API已经被弃用，改用了新的配置...
vue1.0 路由规则和传参
zhang的博客
07-19 327
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;script src="vue1.js"&gt;&lt;/
vue router children 路由变了 组件没变_Router路由实例和route路由对象有什么区别？分别说说它们的属性...
weixin_39875760的博客
12-08 408
路由实例Router 实例属性router.app类型: Vue instance配置了 router 的 Vue 根实例。router.mode类型: string路由使用的模式。router.currentRoute类型: Route当前路由对应的路由信息对象。Router 实例方法router.beforeEachrouter.beforeResolverouter.afterEach函数签...
vue1.0配置路由
weixin_30292843的博客
09-27 139
1,//创建 router 实例 　　var router = new VueRouter() 2,//components下新建home.vue组件，并在app.vue中引入模块： import home from './components/home/home.vue'; 3,//路由地址 　　router.map({ //路由规则 }) 4,//启...
vue1.0和vue2.0的区别之路由
Tank_in_the_street的博客
06-06 2094
vue1.0与2.0的区别之路由
vue 路由的配置和使用——1.0
fengxiaopeng74的博客
11-09 255
先来说说功能然后在说路由的配置，先大概清楚了项目的流程，然后在配置路由会让你后面的工作更加顺利，头脑更加清晰！ 比如说我的项目中一般都是需要登录的，最关键的是用户不操作页面一定时间后系统会默认用户退出，这时候在获取用户信息就是未登录的，还有就是有一些公共的地方，只是某一部分需要切换。 来上代码： （说明在代码下面） export default new Router({ rou...
vue2与vue1的区别
07-12 1410
区别1： 　　在vue2中使用v-for指令时它可以添加重复的内容，就像可以添加相同的留言内容，下面我们来看一下 　　在写代码的时候首先要引入的是vue2js文件。 　　html代码：　　 <div id="box"> <input type="button" value="添加" @click="add()"> <ul&gt...
vue 学习笔记二之vue2与vue1的选择
chong2230的专栏
03-11 3225
前文提到都已经Vue2.x了，Vue1还没学呢。那么如何开始呢，是先Vue1，再Vue2，还是直接Vue2呢，得对比一下。 查阅了一些资料，看到有人提到正在把项目逐渐迁移到vue2.0，建议直接从vue2.0+开始。那么这样看来，从时间成本的角度看，加上vue1到2的进阶是比较平滑的，api相似，可以考虑直接从vue2.0+着手，至于现有的vue1.x的项目，只需要关注他们之间的差异就好了。
vue路由1.0_Vue2.0 系列教程：配置路由
weixin_35969684的博客
01-30 133
上一节教程中，我们在项目中导入了路由和路由配置文件，这一节详细解释一下并配置路由。一、路由使用// 导入路由组件import VueRouter from 'vue-router'// 导入路由配置文件import routerConfig from './routerConfig.js'// 注册路由Vue.use(VueRouter)// 创建路由const router = new VueR...
Vue1.0路由详解（实例：通过vue-router路由配置实现：类似tab面板的小实例）
每一个不曾起舞的日子，都是对生命的辜负
08-18 317
&lt;head&gt; # 引入vue &lt;script type="text/javascript" src='vue.js' &gt;&lt;/script&gt; # 引入vue-router &lt;script type="text/javascript" src='vue-router.js' &gt;&lt;/script&gt; &lt;/head&amp
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值