当前位置: 代码迷 >> 综合 >> vue-2.x webpack 安装vue-router 配置路由
  详细解决方案

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

热度:87   发布时间:2023-10-20 17:00:52.0

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语法

      

111

主页新闻