vue router

1、安装:npm install vue-router或cnpm install vue-router或yarn add vue-router

在node_modules里出现vue-router即可

vue router

2、在新建router.js中引用如下代码

vue router

3、在src中新建view文件夹,在view新建例如:Home文件夹,在文件夹中新建index.vue,在index.vue中引入如下代码

vue router

并新建一个Content组件,引入如下代码

vue router

4、在router.js置如下两步

vue router

5、在App.vue中的div引入

<router-view></router-view>

vue router

6、在main.js import router from ./router

new例中增加router,具体如下

vue router

7、完成效果图如下​​​​​​

 

vue router