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等。
基本用法
由于疫情等原因大家都开始习惯了通过互联网上租车服务的信息多方面,且获取方式简便,不管是婚庆用车、旅游租车、还是短租等租车业务。越来越多租车企业都开始主动把租车业务推向给潜在需求客户,所以如何设计一个租车网站,以便在同行中脱颖而出就重要了,易优cms针对租车行业市场需求、目标客户、盈利模式等,进行策划、设计、制作,建设一个符合用户与搜索引擎需求的租车网站源码。 网站首页
在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(视频)









