一、创建项目
vue create take-out
输入命令后这里会停顿一会，按方向键然后就可以手动选择项目需要的配置。或者按回车自动创建项目（不过自动创建的项目可能没有路由文件夹router，我就是手动选择项目需要的配置，已经创建好多遍了，呜呜……）
二、配置文件目录
- 自己设置目录。把项目自带用不到的文件删掉，
下图中选中的都是自己新增的目录 - 写页面。这里注意<template></template>中只能有一个根目录所以要加<div></div>
三、写路由
- 路由文件夹router中的index.js是路由文件，在index.js页面中写入1和2两处代码。就是引入底部导航栏中的四个页面和配置四个页面的路径。
路径一般小写，component（组件）首字母一般大写 - 这里注意正常路径与重定向路径的区别：redirect（重定向）的是一个路径，而不是一个component（组件）
四、main.js中引入路由
有的没有路由文件夹router的，要在main.js中引入路由。实在路由配置不好就重新建一个项目，手动选择项目需要的配置
补充：配置好路由会产生一些结果：1.多了router-view、router-link组件标签，2.多了$route、$router属性可以访问
五、在App.vue中引入底部导航栏及四个页面
显示路由组件一步：1.1
引入底部导航栏三步：2.1-2.2-2.3
六、实现效果
通过修改url即可跳转页面
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。