vue main.js 配置 路由
// The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue'; import VueRouter from 'vue-router'; import App from './App'; import goods from './components/goods/goods'; import ratings from './components/ratings/ratings'; import seller from './components/seller/seller'; /* 安装vue-router插件 */ Vue.use(VueRouter); // 注册路由 /* 定义路由页面 */ const routes = [ // 这里 path: '/' 代表应用首页显示的内容 { path: '/goods', component: goods }, { path: '/ratings', component: ratings }, { path: '/seller', component: seller } ]; const router = new VueRouter({ // mode指定路由模式,默认'hash',另一种可选的模式是'history' mode: 'history', routes }); /* 创建挂载点至#app元素,将内容显示在index.html页面 */ let app = new Vue({ el: '#app', router, render: h => h(App) }); Vue.use({ app });
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步