router的创建

import Vue from 'vue'

import Router from 'vue-router'

import pageOne from '../page/pageOne.vue'

import pageTwo from '../page/pageTwo.vue'

import helloworld from '../components/HelloWorld.vue'

Vue.use(Router)

export default new Router({

    routes:[

        {

            path:'/helloworld',

            name:'helloworld',

            component:helloworld,

            meta:{

                title:'helloworld'

            }

        },

        // path:'/'   默认进

        {

            path:'/',

            name:'pageOne',

            component:pageOne,

            meta:{

                title:'elaine page one'

            }

        },

        {

            path:'/pageTwo',

            name:'pageTwo',

            component:pageTwo,

            meta:{

                title:'elaine page two'

            }

        },


    ]

})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 准备知识 vue-router几个钩子函数,vue-router钩子函数官方解释 遇到问题 在用vue-eleme...
    泡芙妹_a128阅读 7,703评论 0 0
  • VUE.js 基本命令v-if || v-for : 条件与循环v-model: 为页面输入框进行数据双向绑定v-...
    楼水流云阅读 656评论 0 0
  • _________________________________________________________...
    fastwe阅读 1,396评论 0 0
  • ##模块化开发 浏览器只支持`ES6`的模块化,其他的需要使用`webpack`处理后才能在浏览器上使用 模块化是...
    Hachim阅读 405评论 0 0
  • 1、安装 nodejs 进入 node 网站:https://nodejs.org/zh-cn/[https://...
    je_2048阅读 310评论 0 0