Vue路由使用

Vue路由使用

１．App.vue写上　＜router-view＞这句话是会去找当前路由下的内容（根据url），该去找路由配置项了－＞

２．/router/index.js（路由配置项）

写路由配置项：

{

    path:＇/＇　－－地址（这个是根地址）

　name:' Home'  --路由项的名字

　component: Home  --该地址下显示的组件的名字(不用引号)

}

组件要先在上面进行导入，这里的@表示src目录（在webpack里面配置的别名）

import Home from '@/pages/Home/Home'
import List from '@/pages/Home/List'

３．组件跳转：

＜router-link＞相当于<a>，　to="/list"　表示要转到 /list这个路由下．