vue路由
首页 > Vue    作者:lininn   2017年8月14日 14:53 星期一   热度:1213°   百度已收录  
时间:2017-8-14 14:53   热度:1213° 

模板news页:


<div>
      <router-link to="/home" tag="li" >主页</router-link>
      <router-link to="/list">列表</router-link>
    </div>
    <div class="container">
    <router-view></router-view>


router config:


import Home from "./components/home.vue"
import List from "./components/list.vue"
export default{
    routes:[{
                path:"/home",
                component:Home
            },{
                path:"/list",
                component:List
            },
            {
                path:"*",
                redirect:"/list"
            }
    ]
}

最后在main.js里面配置:


import Vue from 'vue'
import App from './App.vue'
import routes from "../router.config.js"
import VueRouter from 'vue-router'
import ElementUi from "element-ui"
import 'element-ui/lib/theme-default/index.css'
Vue.use(VueRouter);
Vue.use(ElementUi)
const router=new VueRouter(routes);
new Vue({
  router,
  el: '#app',
  render: h => h(App)
})



二维码加载中...
本文作者:lininn      文章标题: vue路由
本文地址:?post=13
版权声明:若无注明,本文皆为“覆手为雨”原创,转载请保留文章出处。
分享本文至:

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn