【面试题】vue-router插件是如何配置的

1 下载引入 vue-router 到main.js中，可以写成 import vueRouter from "vue-router"

2 配置 routes ，routes是一个对象数组，每个对象有三个参数 path name component

3 配置好之后，定义 ( const router = new vueRouter({ routes }) )  router等于new 第一步引入的vueRouter括号大括号里面写入刚才配置好的routes

4 然后在new Vue 中带入 router

5 最后在 App.vue 中 写上 <router-view></router-view> 标签

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 面试题-Vue
    Vue八个生命周期 beforeCreate【创建前】created【创建后】 beforeMount【载入前】 ...
    艾萨克菊花阅读 1,357评论 0赞 12
  • vue个人笔记
    vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 3,278评论 1赞 22
  • Vue-router基本使用
    1路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的abou...
    你好陌生人丶阅读 1,657评论 0赞 6
  • vue前端路由
    1.背景介绍 vue router是vue.js官方的路由管理器，它和vue.js的核心深度集成，让构建单页面应用...
    expecto_5357阅读 429评论 0赞 1
  • vue-router
    路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about...
    六月太阳花阅读 612评论 0赞 3