4.1 vue-cli核心插件(1)——vue-router

vue-router官方文档:https://router.vuejs.org/zh/installation.html·

使用方式:

1.安装:npm i install vue-router -S

2.在src下新建router文件夹,创建index.js, 并在main.js中引入。


3.在main.js中将安装的路由插件Vue.use(Router),传递给Vue的实例options中。


4.在App.vue文件中注册

5.以上完成后,就可以在子组件中使用了,通过<router-link :to="{}">跳转并传递参数,下面介绍查询字符串和path两种传参方式。

router-link中链接如果是‘/’开始就是从根路由开始,如果开始不带‘/’,则从当前路由开始

6.更多的使用方式后面继续更新。。。。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。