当前位置:家常菜>百科>科技>正文

vue route

人气:368 ℃/2024-07-08 23:37:12

vue route是怎样的呢?下面就让我们一起来了解一下吧:

vue一般来说也就是Vue路由,即可以根据不同地址,创造不同页面。而route即一个路由,路由是url到函数的映射,它能够将url路径与一个函数进行映射,当然,route也能够相当于当前正在跳转的对象,可从里面获取name、path、params、query等。

拓展:

在vue中使用vue-route的方式:

1、首先需要下载vue-router

即npm install vue-router --save

2、进行编码

1.需要先在项目中新建文件夹router/index.js。具体指令为:

/*

* 路由对象模块

* */

import Vue from 'vue'

import VueRouter from 'vue-router'

/*引入pages*/

const MSite = ()=>import('../pages/MSite/MSite');

const Profile = ()=>import('../pages/Profile/profile');

const Patient = ()=>import('../pages/Patient/Patient');

//申明使用插件

Vue.use(VueRouter)

export default new VueRouter({

  routes:[

    {

      path:'/msite',

      component: MSite,

      meta: {

        showFooter: true

      }

    },

    {

      path:'/profile',

      component:Profile,

      meta: {

        showFooter: true

      }

    },

    {

      path:'/patient',

      component:Patient,

      meta: {

        showFooter: false

      }

    },

    {

      path: '/',

      redirect: '/msite' //系统默认页

    }

  ]

})

2.接着就可以在main.js中全局使用router了,具体指令为:

// The Vue build version to load with the `import` command

// (runtime-only or standalone) has been set in webpack.base.conf with an alias.

import Vue from 'vue'

import App from './App'

import router from './router' //引入路由

/* eslint-disable no-new */

new Vue({

  el: '#app',

  components: { App },

  template: '<App/>',

  router  //引入路由

})

  • 凌渡改装轮毂可以吗?

    凌渡改装轮毂注意事项:1、改装轮毂不宜改装过宽尺寸,轮毂越大,为了保持车辆扁平比,轮胎就会越薄,对地面的感受就更明显,通过凹凸不平的路段时会大大降低乘车人的舒适度;2、需要时常...

    问答查看全文>>
  • 2022年财务人员工作总结

    财务人员工作总结怎么写呢?一起来看看小编今天的分享吧。1、财务人员工作总结首先可以描写作为财务人员的日常基础工作和职责,例如编制各类财务报表等;2、然后可以描写具备的专业知识和...

    教育查看全文>>
  • 安全带拉出来弹不回去怎么办

    是卷带弹簧长时间使用失去弹性导致的。解决此问题只需要更换卷带弹簧,或更换整个安全带机构。很多车子随着使用时间的增加,都会出现安全带不能自动弹回去的问题。有些是因为安全带脏污导致...

    问答查看全文>>
  • 什么让生活更美好小学作文范文

    什么让生活更美好小学作文怎么写?要从哪些方面去写,一起来看看小编今天的分享吧。什么让生活更美好小学作文主要由三个部分构成。首先明确本次作文的主题,叙述关于想要记录主题事项的具体...

    教育查看全文>>
  • 大众桑塔纳水温表指针如何看

    只用水温报警灯,红灯是表示水温过高;蓝灯表示水温过低。新款大众桑塔纳没有水温表,只有水温报警灯。水温报警灯亮提示车主及时添加防冻液。当水温灯亮红灯时表明发动机水温过高,需停车休...

    问答查看全文>>
本网站部分内容、图文来自于网络,如有内容侵犯您的合法权益,请及时与我们联系,我们将第一时间安排核实及删除!
CopyRight © 2007-2024 家常菜 All Rights Reserved. 手机版