热门

最新

红包

立Flag

投票

同城

我的

发布
jjrolddog
jjrolddog
3 年前
truejjrolddog

一道闪电

CSDN App 扫码分享
分享
评论
2
打赏
  • 复制链接
  • 举报
下一条:
路由就是一组 key-value的对应关系 路径-组件多个路由就要经过路由器管理路由为了做单页面应用 无页面跳转 局部更新在终端中输入 npm i vue-router 安装目前最高版本 npm i vue-router@3 安装指定版本 3版本 支持vue2.0创建router文件夹 专门用于创建整个应用的路由器其中再创建index.js import VueRouter from 'vue-router'import About from '../components/About'import Home from '../components/Home'//创建并暴露一个路由器 export default new VueRouter({ routes:{ { path:'/about' component:'About' }, { path:'/home' component:'Home' }, }})在main.js中需要import vueResource from 'vue-route'还要引入路由器js文件import router from './router'Vue.use(VueRouter)new Vue中 增添路由实例router:router在App.vue中vue中借助router-link实现路由的切换<router-link class='xxxx' to="/about"> </router-link>属性 active-class="" 当前组件被选中时候 调用的函数更改路径指定组件的呈现位置<router-view></router-view> //里边什么都不用写
立即登录