路由组件与非路由组件的区别

• 路由组件一般放在pages|views文件夹中，非路由组件一般防止在components文件夹中
• 路由组件一般需要在router文件夹中进行注册（使用的即为组件的名字），非路由组件使用的时候，一般都是以标签的形式使用

 在main.js中注册路由信息，可以使组件身上拥有 $route和$router属性
 $route：一般获取路由信息【路径、params、query等】
 $router：一般进行编程式导航进行路由跳转【push|replace】
 ==========
 路由跳转的两种形式
 声明式导航：<router-link to="/login"</router-link> 必须要有to属性，可以想象成a标签和href属性;
 编程式导航：push|replace
 项目中一般使用编程式导航，因为声明式导航能做的，编程式导航都能做，除此之外编程式导航还可以做一些其他的业务逻辑，比如登录的时候获取输入框的值判断之后再进行路由跳转

• 注册完路由，不管使路由组件还是非路由组件身上都有$route和$router属性