Vue组件分类、路由的跳转

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

1. 路由组件文件一般放在view|page文件夹呢；非路由组件一般放在components。
2. 路由组件需要在router文件夹中注册（使用的即为组件的名称），非路由组件在使用的时候，一般都是以标签的形式使用。

路由的跳转

路由跳转有两种形式

1. 声明式导航router-link，可以进行路由的跳转
2. 编程式导航push|replace,可以进行路由的跳转

说明：声明式导航能做的，编程式导航都能做；但是编程式导航除了可以进行路由跳转还可以做一下其他的业务逻辑.

//声明式导航:仅进行路由的跳转，不需要参数
<router-link to="/user/profile" >
    <el-dropdown-item>{{$t("message.Personal_Center")}}</el-dropdown-item>
  </router-link>
----------------------------------------------------
//编程式导航,比如搜索功能,绑定click事件