Vue项目中新建路由页面的操作是啥

这篇主要是介绍“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

}

就可以了。

（编辑：银川站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!