vue路由配置

柔情只为你懂 2022-04-08 08:39 339阅读 0赞

1.首先在项目中安装vue-router

在terminal中输入 npm install vue-router —save

2.在mian.js中导入router

import router from ‘./router’

3.在components下新建vue页面 test.vue

4.在router下的index.js 导入路由

  1. import test from '../componets/test'

export default new Router({

routes: [

{

path: ‘/test’,

name: ‘test’,

component: test

}]

5.在app.vue页面 test

页面展示用

发表评论

表情:
评论列表 (有 0 条评论,339人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Vue--配置步骤

    首先我来说说,为什么项目中需要使用路由,通常我们跳转页面的话,页面都需要刷新进行HTTP请求,如果我们采用路由机制的话,页面不会进行刷新,减轻了服务器的负担。 本篇文章主要是