vue订餐app，使用vue-router

main.js文件下添加：

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.use(VueRouter);

let app = Vue.extend(App);

let router = new VueRouter({
linkActiveClass: 'active'
});

router.map({
'/': {
component: goods
},
'/goods': {
component: goods
},
'/ratings': {
component: ratings
},
'seller': {
component: seller
}
});

router.start(app, '#app');

app.vue文件下添加：

vue订餐app，使用vue-router相关推荐

Vue 学习(十、 Vue Router - 路由插件和 Vue 的插件原理)
文章目录一.Vue Router - 路由插件 1. 安装 Vue Router 2. Vue Router 路由的基本使用 3. 设置 router-link 4. 编程式路由 5. 路由嵌套 6 ...
Vue学习笔记01——Vue开发基础
一.Vue实例配置选项选项说明 data Vue实例数据对象 methods 定义Vue中的方法 components 定义子组件 computed 计算属性 filters 过滤器 el 唯一根 ...
Vue 随笔1-加入vue router 后发现app被渲染了2次
原因:main中已经render了app,在route中不需要再加入app组件了,直接重定向到home即可 main.js import Vue from 'vue' import App from ...
端午假期整理了仿天猫H5 APP项目vue.js+express+mongo
效果源码源码太多,放github上了点击遇到的问题连接mongodb数据库多个集合(model文件) mongodb与mysql数据库连接不同,sql在定义查询语句时可以连接不同的表 mong ...
Vue 实例实战之 Vue webpack 仿去哪儿网App页面开发（应用中的几个页面简单实现）
Vue 实例实战之 Vue webpack 仿去哪儿网App页面开发(应用中的几个页面简单实现) 目录 Vue 实例实战之 Vue webpack 仿去哪儿网App页面开发(应用中的几个页面简单实现) ...
24.Vue路由管理器：Router（进阶篇）
导航守卫 vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航.有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的.其实,导航守卫就是路由跳转过程中的一些钩子函 ...
毕业设计--在线挂号系统APP（VUE）
毕业设计--在线挂号系统APP(VUE) 项目描述:本项目是一个医院自助挂号的移动端项目,主要功能有(用户注册,登陆,医生详情,科室分类,挂号陪诊,添加患者信息,常见疾病处理),用户可以使用此APP为 ...
使用vue-i18n切换中英文-网页语言切换案例-vue文件中或路由(Router)文件中使用
vue-i18n地址安装 npm install vue-i18n 使用在 main.js 中引入 vue-i18n (前提是要先引入 vue) import VueI18n from 'vue- ...
uniapp可以封装组件嘛_uniapp聊天App实例|vue+uniapp仿微信界面|红包|朋友圈
一.功能阐述今天给大家分享的是基于UniApp+Vue+Vuex+swiper+uniPop等技术开发的仿微信原生App聊天室|仿微信聊天界面实例项目uniapp-chatroom,实现了发送图文消 ...

vue订餐app，使用vue-router

vue订餐app，使用vue-router相关推荐

最新文章

热门文章