Vue项目中新建路由页面的操作是什么-群英

上一篇：JS表达式怎样写，JS操作符有哪些下一篇：基于element-plus如何对组件二次封装

这篇主要是介绍“Vue项目中新建路由页面的操作是什么”的内容了，下文有实例供大家参考，对大家了解操作过程或相关知识有一定的帮助，而且实用性强，希望这篇文章能帮助大家解决Vue项目中新建路由页面的操作是什么的问题，下面我们一起来了解看看吧。

具体方法步骤如下：

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

1:在components底下新建Test.vue

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

<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
    }

就可以了。

“Vue项目中新建路由页面的操作是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业技术相关的知识可以关注群英网络网站，小编每天都会为大家更新不同的知识。

标签： vue新建路由页面

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：JS表达式怎样写，JS操作符有哪些下一篇：基于element-plus如何对组件二次封装