vue-2.x webpack 安装vue-router 配置路由

来源:互联网 发布:企业优化方案 编辑:程序博客网 时间:2024/05/20 23:38

1、先安装路由

npm install vue-router --save
2、配置main.js文件
先引用,然后使用vue-router
import VueRouter from 'vue-router'Vue.use(VueRouter);

3、配置路由
const routes=[    {path:'/home',component:Home},    {path:'/news',component:News},    {path:'*',redirect:'/home'}];const router = new VueRouter({    routes})new Vue({    el:'#app',    template: '  ',    components: { App },    router,})render: h => h(App)
4、最后实例化组件、也可以用ES6语法






0 0