Vue 创建vue-router

用户3858260427314
253 阅读1分钟

1.安装router：

打开文件夹在路径栏里面输入cmd 打开cmd命令行

输入vue create router-pro

选择下面选项

image.png

空格选中Router回车

image.png

选择版本2.X

image.png

问你是否使用路由的历史模式：输入n

image.png

语法规范默认第一个

image.png

问你什么时候校验语法规范？选择第一个 image.png

问是否采用最基本的校验更新到package文件？选择第一个 image.png

是否配置好了？输入y

image.png

还会跳出一个选项你可以输入y 回车 也可以直接回车配置完成

一级路由

在index.js页面配置路由path

image.png

在index页面配置好path后，在vue文件中使用router-link组件进行跳转，用router-view组件作为展示组件的容器

image.png

二级路由 还是index.js页面

image.png

在一级路由页面跳转

image.png

avatar
文章
阅读
粉丝