vue-router下载和简单使用
官方提供的用来实现 SPA 的 vue 插件开发文档下载npm install vue-router --save相关 API 说明(1) VueRouter(): 用于创建路由器的构建函数new VueRouter({// 多个配置项})(2) 路由配置routes: [{ // 一般路由path: '/about',component: About},{ // 自动跳转路由path: '/',
·
官方提供的用来实现 SPA 的 vue 插件
开发文档
下载
npm install vue-router --save
相关 API 说明
(1) VueRouter(): 用于创建路由器的构建函数
new VueRouter({
// 多个配置项
})
(2) 路由配置
routes: [
{ // 一般路由
path: '/about',
component: About
},
{ // 自动跳转路由
path: '/',
redirect: '/about'
}
]
(3) 注册路由器
import router from './router'
new Vue({
router
})
(4) 使用路由组件标签
- : 用来生成路由链接
<router-link to="/xxx">Go to XXX</router-link>
- : 用来显示当前路由组件界面
<router-view></router-view>
更多推荐
已为社区贡献1条内容
所有评论(0)