前言
在使用Nuxt.js时可能会遇到一个这样的问题？
当打开请求页面的时候，所有页面都被请求了。
这正是<router-link>组件所有的特性。
首先说一下router-link
router-link
<router-link>是使vue项目具有路由功能的应用点击组件。
nuxt-link
先看一下官方api介绍<nuxt-link>
正如官方所说<nuxt-link>使用方式和用途<router-link>是一致的。
但，后面说将来我们会为<nuxt-link>组件增加更多的功能特性，例如资源预加载，用于提升 nuxt.js 应用的响应速度。
当写这篇文章时，nuxt.js 官方已经实现了如它所说的将来功能特性。也许API文档没有及时更新吧！
所以特性正如上面前面的问题。
使用<nuxt-link to"/xxx">xxx</nuxt-link>时, 同时会加载所链接的页面资源。
资源预加载，所以提升 nuxt.js 应用的响应速度。
总结
如果跳转一个页面需要预先加载该页面时可以使用<nuxt-link>。
如果跳转一个页面需要异步加载该页面时可以使用<router-link>，
或者使用 this.$router api。
补充知识：nuxt中必须要知道的一点 关于 nuxt-link 和 a 标签的区别
在nuxt项目中可以有两种方式进行路由跳转
1、使用nuxt-link标签
<nuxt-link to="/shop/cart">购物车</nuxt-link>
2、使用a标签
<a href="/shop/cart" rel="external nofollow" >购物车</a>
这两个的区别是
nuxt-link还是在现在的体系中进行加载
a相当于另外打开了一个页面
尤其当你使用了vuex进行数据绑定的时候，使用nuxt-link切换到其他页面不会感觉到数据的变化，而使用a数据会卡顿一下再显示
以上这篇Nuxt.js nuxt-link与router-link的区别说明就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。