Vue项目新建一个路由页面

我们现在要新建一个测试页面,命名为Test.vue

1:在components底下新建Test.vue

<template>
    <div>我是测试界面</div>
</template>

<script>
</script>

<style>
</style>

2:打开App.vue {name:'/components/Test',navItem:'测试界面'},

3:打开路由来,导入组件 index.js

import Test from '@/components/Test'

{
      path: '/components/Test',
      name: 'Test',
      component: Test
    }

4:查看效果

好啦,新的路由页面已经建立了。


原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券