vue 请求嵌套_vue 嵌套路由

一、使用的方法和组件：

1、new VueRouter({}) 多个配置项

2、routes[]  一般路由

3、path:'‘’路径    component:about 这个是取名 实际路径

4、redirect:''  path:'' 自动跳转

5、import router from './router'

6、注册路由 new Vue(){router  }

7、使用路由组标签 用来生成路由链接 用来显示当前路由组件

8、children: [] 放入嵌套路由

9、setTimeout 这个可以设置多少秒之后显示

二、实例代码

2.1、项目结构图

2.2、代码

Home.vue

Home

• News
• Message

  export default {}

  Message.vue

• { {message.title}}

  export default {

  name:'Message',

  data () {

  return {

  messages: []

  }

  },

  mounted () {

  // 模拟ajax请求从后台获取数据

  setTimeout(() => {

  const messages = [

  {

  id