美文网首页
vue2配置路由

vue2配置路由

作者: BrotherWy | 来源:发表于2017-03-19 18:31 被阅读0次

安装vue-router

cnpm install  vue-router 

配置

在src目录下新建router/index.js:代码如下:

/**
 * Created by wy on 2017/3/7.
 */
import index from '../page/index/index.vue'
import search from '../page/search/search.vue'
import user from '../page/user/user.vue'
import details from '../page/details/details.vue'
//配置路由
export default [
    {
        path:"/",
        component:index
    },
    {
        path:"/search",
        component:search
    }
]

在main.js下配置

import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'
import axios from 'axios'

//引入路由配置文件
import routes from './router/index'
//使用VueRouter
Vue.use(VueRouter);
/ /使用axios
Vue.prototype.$http = axios
//使用配置文件
// 使用配置文件规则
const router = new VueRouter({
    routes
})
new Vue({
    router,
    el: '#app',
    render: h => h(App)
})

路由配置完毕!!!!

相关文章

网友评论

      本文标题:vue2配置路由

      本文链接:https://www.haomeiwen.com/subject/ivhvnttx.html