vue-router-安装和配置方式

lxf2024-04-07 02:01:32

  vue-router-安装和配置方式目前前端流行的三大框架,都有自己的路由实现:1.Angular的ngRouter2.React的ReactRouter3.Vue的vue-routervue-routervue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。可以访问其官方网站对其进行学习:https://router.vuejs.org/zh/安装和使用vue-router直接使用npm来安装路由即可步骤一:安装vue-router

  –save 因为在运行的时候还需要 步骤二:在模块化工程中使用它(因为是一个插件,所以可以通过Vue.use()来安装路由功能) 第一步:导入路由对象 第二步:创建路由实例,并且传入路由映射配置 第三步:在Vue实例中挂载创建的路由实例

  vue-router-安装和配置方式

  src文件里面创建一个router文件,在router文件里面创建一个index.js文件 index.js文件中配置路由

  配置路由相关的信息:

  最后将配置好的文件传入main.js文件中 在Vue实例中挂载