vue.js引用vue router的方法：首先安装npm包，代码为【npm install vue-router --save】；然后利用【v-link】这个【directive】。
【相关文章推荐：vue.js】
vue.js引用vue router的方法：
安装
基于传统，我更喜欢采用npm包的形式进行安装。
立即学习“前端免费学习笔记（深入）”；
npm install vue-router --save
当然，官方采用了多种方式进行安装，包括bower,cdn等。
基本用法
在HTML文档中使用，只需要利用v-link这个directive就行了，如：
<a v-link="{path: '/view-a'}">Go to view-a</a>ps: v-link还支持activeClass用于指定链接活跃时的css样式。replace属性为true的时候可以让链接在跳转的时候不会留下历史记录。
而在ES5中使用，需要先创建路由器实例，随后传入配置参数即可，如：
var router = new VueRouter();
router.map({
'/view-a': {
component: ViewA
},
'/view-b': {
component: ViewB
}
});
router.start(App, '#app');以上定义的路由器规则，采用映射到一个组件的方式，最后启动应用的时候，挂载到#app的元素上。
相关免费学习推荐：JavaScript（视频）
以上就是vue.js如何引用vue router的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
499
收藏
