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就行了，如：
Go to view-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的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3022199.html
