vue.js如何引用vue router-木庄网络博客

2022-04-18 17:25:19 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者coldplay.xixi，侵删。

vue.js引用vue router的方法：首先安装npm包，代码为【npm install vue-router --save】；然后利用【v-link】这个【directive】。

【相关文章推荐：vue.js】

vue.js引用vue router的方法：

安装

基于传统，我更喜欢采用npm包的形式进行安装。

1	`npm install vue-router --save`

当然，官方采用了多种方式进行安装，包括bower,cdn等。

基本用法

在HTML文档中使用，只需要利用v-link这个directive就行了，如：

1	`<a v-link="{path: '/view-a'}">Go to view-a</a>`

ps: v-link还支持activeClass用于指定链接活跃时的css样式。replace属性为true的时候可以让链接在跳转的时候不会留下历史记录。

相关阅读 >>

更多相关阅读请进入《vue.js》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者