热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

vue如何和react一样进行子组件嵌套,注意用路由控制

react里可以但是vue我不熟悉,没找到App.vue是父`这里我想加载导航这是路由

react里可以但是vue我不熟悉,没找到
App.vue是父`


这是路由`
我的想法是导航这块也通过route的不同引入不同的内容!让每个页面的导航不一样!我应该怎么设计呢!



在react里是这么设计的

1
2
3
4
5
6
7
8


          { header }

          {content || "没有内容"}

          { footer}

          {Session.set('msg_r','')}}>

          {this.state.msg_r}

         


       

然后子组件里去定义header和content等等



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import layouts from './components/layouts';

import Index from './components/routes/Index/components/Index';

import IndexRoute from './components/routes/Index/route';

import ScannerRoute from './components/routes/Scanner/route';

const route = {

  path: 'index',

  indexRoute: {

    getComponent(nextState, cb) {

      cb(null, {

        content:Index,

      })

    }

  },

  getComponent(nextState, cb) {  

      cb(null, {

        content:layouts,

      })

  },

  getChildRoutes(partialNextState, cb) {

      cb(null, [

        IndexRoute,

        ScannerRoute

      ])

  },

}

export default route;

vue里有没有类似的,关键在于nav必须根据网址的不同引入不同的文件夹里的文件

好像是这个:http://router.vuejs.org/zh-cn...
先研究下


   



推荐阅读
author-avatar
Not-Only-For曾广超
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有