vue-router路由配置

1.配置路由

在这里插入图片描述
首先我们要引入vue和路由的插件,引入了插件之后就是要安装插件。vue里面安装插件基本都是使用use,然后我们要创建Vuerouter对象,还有就是要配置路由和组件之间的应用关系。最后将router对象传入到vue实例就可以了。

2.配置路由

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
首先我们要在component里面创建我们的vue,然后再在vue里面写好内容后导出。再在我们需要配置的js里面导入,然后给配置路由。方法如上图。
在这里插入图片描述
最后我们还要在我们的APP.vue里面用router-link进行它们之间的链接,其实router-link就相当于一个a标签,to就是跳转到需要填转的地方。router-view则是将router-link需要展示的东西给展示出来。基本上给vue配置路由就是以上我所说的种种条件。配置好了就可以使用路由。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章