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.以上完成后,就可以在子组件中使用了,通过跳转并传递参数,下面介绍查询字符串和path两种传参方式。

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

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

你可能感兴趣的:(4.1 vue-cli核心插件(1)——vue-router)