Vue项目新建一个路由页面

简介: 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:查看效果

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

相关文章
|
1天前
|
移动开发 前端开发
ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
|
1天前
|
JavaScript
vue打印v-model 的值
vue打印v-model 的值
|
1天前
|
JavaScript
Vue实战-组件通信
Vue实战-组件通信
7 0
|
1天前
|
JavaScript
Vue实战-将通用组件注册为全局组件
Vue实战-将通用组件注册为全局组件
7 0
|
1天前
|
JavaScript 前端开发
vue的论坛管理模块-文章评论02
vue的论坛管理模块-文章评论02
|
JavaScript 数据安全/隐私保护
work02_vue页面打印水印
work02_vue页面打印水印
276 0
work02_vue页面打印水印
|
1天前
|
JavaScript
VUE里的find与filter使用与区别
VUE里的find与filter使用与区别
20 0
|
1天前
|
JavaScript
vue页面加载时同时请求两个接口
vue页面加载时同时请求两个接口
|
1天前
|
JavaScript
vue里样式不起作用的方法,可以通过deep穿透的方式
vue里样式不起作用的方法,可以通过deep穿透的方式
14 0
|
1天前
|
移动开发 JavaScript 应用服务中间件
vue打包部署问题
Vue项目`vue.config.js`中,`publicPath`设定为&quot;/h5/party/pc/&quot;,在线环境基于打包后的`dist`目录,而非Linux的`/root`。Nginx代理配置位于`/usr/local/nginx/nginx-1.13.7/conf`,包含两个相关配置图。
vue打包部署问题