文档章节

Vue的路由(二)

SingularD
 SingularD
发布于 2017/08/10 10:40
字数 159
阅读 1
收藏 0

从上篇文章中,我有一个bug就是父组件和子组件的重复渲染,我已经找到了一个解决方案:就是去掉index.js里面的子路由,然后修改一下路径即可:

index.js:

import Vue from 'vue'
import Router from 'vue-router'
import test from './../components/test'
import Title from './../components/Title'
import Image from './../components/Image'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/test',
      name: 'test',
      component: test
    },
    {
      path: '/title',
      name: 'title',
      component: Title
    },
    {
      path: '/image',
      name: 'image',
      component: Image
    }
  ]
})

test.vue:

<template>
  <div>
    <router-link to="/Title">标题</router-link>
    <router-link to="/Image">图片</router-link>
    <div>
      <router-view></router-view>
    </div>
  </div>
</template>
<style>
</style>
<script>
export default {
  name: 'test'
}
</script>

就得到了想象中的效果:

© 著作权归作者所有

上一篇: Vue的路由(三)
下一篇: Vue的路由(二)
SingularD
粉丝 2
博文 17
码字总数 6512
作品 0
成都
程序员
私信 提问
Vue中路由管理器Vue Router使用介绍(三)

一、路由定义添加动态参数定义 1.路由定义项,使用:xx 方式 定义动态参数 在js中使用: 二、路由链接使用 1.使用router-link 定义跳转链接 2.使用js跳转 更多示例: 也可以使用 三、动态注册...

tianma3798
2018/10/17
0
0
Vue element 表格获取选中项操作

一、在使用element table表格时,获取选中项处理 1.视图 2.js 更多: Vue element 二级菜单绑定示例 Vue中路由管理器Vue Router使用介绍(三) Vue中路由管理器Vue Router使用方式(二)-推荐...

tianma3798
2018/10/18
0
0
好程序员教程分析Vue学习笔记五

好程序员教程分析Vue学习笔记五,上次我们学习了Vue的组件,这次我们来学习一下路由的使用。在Vue中,所谓的路由其实跟其他的框架中的路由的概念差不多,即指跳转的路径。 注意:在Vue中,要...

好程序员IT
06/10
0
0
Vue element 二级菜单绑定示例

一、element ui 中动态绑定二级菜单示例 1.视图绑定 显示结果: 更多: Vue中路由管理器Vue Router使用介绍(三) Vue中路由管理器Vue Router使用方式(二)-推荐 Vue中路由管理器Vue Route...

tianma3798
2018/10/18
0
0
Vue中路由管理器Vue Router使用方式(一)

一、在模块编程中安装VueRouter 1.Npm安装vue-router 2.在main.js中引用并使用VueRouter 3.定义路由,创建路由实例 4.注册路由实例 二、Vue Router基础使用示例 1.App.vue 页面定义,使用rou...

tianma3798
2018/10/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

火焰图(flame graph)是性能分析利器

Perf命令 Perf 命令(performance的简写)是 Linux 系统原生提供的性能分析工具,返回 CPU 正在执行的函数名以及调用栈(stack)。 通常,它的执行频率是 99Hz(每秒99次),如果99次都返回同一个...

呼呼南风
5分钟前
0
0
 好程序员大数据知识点精讲 大数据之Linux

好程序员大数据知识点精讲 大数据之Linux -Linux是什么? Linux是一套作业系统,不是应用程序Linux的基本思想有两点:第一,一切都是文件;第二,每个软件都有确定的用途。 Shell——命令行解...

好程序员IT
10分钟前
0
0
mysql 多行结合

select a1.email as email ,a1.bg ,IFNULL(a1.bg, a2.bg) from ( select * from test01 where sdate = '2019-09-11' ) a1 LEFT join (select * from test01 where sdate = '2019-09-10') a2 ......

昏鸦
11分钟前
0
0
Netflix Eureka 续约 & 更新注册表信息

Eureka Client 要定期的向 Eureka Server 发送心跳请求以保持续约的状态。 也需要定期的从 Eureka Server 获取服务注册表数据,并将服务注册表数据缓存在客户端实例内。 Eureka Client 续约 ...

BryceLoski
15分钟前
11
0
IT兄弟连 Java语法教程 Java开发环境 JVM、JRE、JDK

要想开发Java程序,就需要知道什么是JVM、JRE以及JDK。JVM是运行Java程序的核心,JRE是支持Java程序运行的环境,而JDK是Java开发的核心,下面我们分别具体介绍它们以及它们之间的关系。 1.J...

老码农的一亩三分地
23分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部