专栏首页编程微刊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:查看效果

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


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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • jQuery数据结构渲染(4):复选框checkbox赋值

    王小婷
  • 2018年各大互联网前端面试题五(今日头条)

    王小婷
  • react项目如何修改默认3000端口号

    因为使用了json-server模拟后端接口,打开的是3000端口号,现在启动react项目的时候,总是会询问3000端口被占用,是否改成3001 的端口,每次...

    王小婷
  • salesforce 零基础学习(二十二)Test简单使用

    本篇内容只是本人简单的mark开发中常出现的一些疑问,方便后期项目使用时奠定基础,如果对Test零基础童鞋,欢迎查看Test官方的使用介绍:  https://...

    用户1169343
  • Typescript使用字符串联合类型代替枚举类型

    我觉得Typescript的宗旨是 任何一个 TypeScript 程序,在手动删去类型部分,将后缀改成 .js 后,都应能够正常运行。Typescript是j...

    javascript.shop
  • 关于测试那些事

    lilugirl
  • A/B Test;名字取得不好, 很容易让人产生误解

    2017.9.24, 深圳, Ken Fang A/B Test;名字取得不好, 很容易让人产生误解, 认为它是 “测试”。 其实… A/B Test 是...

    Ken Fang 方俊贤
  • 【译】在正确的线程上观察

    尽管很多人了解RxJava的基本逻辑,但是在Observable链和操作符究竟运行在哪个线程,仍然会有许多困惑。

    用户1740424
  • NFV主导向开放平台的演进

    近日,有调查显示网络功能虚拟化(NFV)和软件定义网络(SDN)平台是电信和网络设备供应商关注的重点,该调查同时表明网络正在向开放平台和开放的软件体系结构转变。...

    SDNLAB
  • 兼职程序员一般可以从什么平台接私活?

    这个问题我进行了系统性的总结,以下将进行言简意赅的说明和渠道提供,希望对各位小猿/小媛们有帮助~

    用户7081581

扫码关注云+社区

领取腾讯云代金券