router.map({ // '/login': { // name: 'Login', // component: Login // }, '/dashboard': { name: 'Dashboard', component: Dashboard }, // http://router.vuejs.org/en/lazy.html '/charts/chartJs': { name: 'ChartJs', component: lazyLoading('./components/pages/Charts/ChartJs') }, '/charts/chartist': { name: 'Chartist', component: lazyLoading('./components/pages/Charts/Chartist') }, '/charts/peity': { name: 'Peity', component: lazyLoading('./components/pages/Charts/Peity') }, '/charts/plotly': { name: 'Plotly', component: lazyLoading('./components/pages/Charts/Plotly') }, '/ui': { name: 'UI', component: lazyLoading('./components/pages/UI/index'), subRoutes: { '/typography': { name: 'Typography', component: lazyLoading('./components/pages/UI/Typography') }, '/buttons': { name: 'Buttons', component: lazyLoading('./components/pages/UI/Buttons') }, '/icons': { name: 'Icons', component: lazyLoading('./components/pages/UI/Icons') }, '/form': { name: 'Form', component: lazyLoading('./components/pages/UI/Form') } } }, '/components': { name: 'Components', component: lazyLoading('./components/pages/Components/index'), subRoutes: { '/collapse': { name: 'Collapse', component: lazyLoading('./components/pages/Components/Collapse') }, '/datepicker': { name: 'Datepicker', component: lazyLoading('./components/pages/Components/Datepicker') }, '/message': { name: 'Message', component: lazyLoading('./components/pages/Components/Message') }, '/modal': { name: 'Modal', component: lazyLoading('./components/pages/Components/Modal') }, '/notification': { name: 'Notification', component: lazyLoading('./components/pages/Components/Notification') }, '/progress': { name: 'Progress', component: lazyLoading('./components/pages/Components/Progress') }, '/rating': { name: 'Rating', component: lazyLoading('./components/pages/Components/Rating') }, '/slider': { name: 'Slider', component: lazyLoading('./components/pages/Components/Slider') }, '/switch': { name: 'Switch', component: lazyLoading('./components/pages/Components/Switch') }, '/tabs': { name: 'Tabs', component: lazyLoading('./components/pages/Components/Tabs') }, '/tooltip': { name: 'Tooltip', component: lazyLoading('./components/pages/Components/Tooltip') } } }, '/tables/basic': { name: 'BasicTables', component: lazyLoading('./components/pages/Tables/Basic') }, '/tables/handsontable': { name: 'Handsontable', component: lazyLoading('./components/pages/Tables/Handsontable') } })
import Vue from 'vue' import VueRouter from 'vue-router' import App from './App.vue' import Hello from './components/Hello.vue' import Sessions from './components/Sessions.vue' Vue.use(VueRouter) var router = new VueRouter() router.map({ '/': { component: Hello }, '/sessions': { component: Sessions } }) router.start(App, '#app')
import Vue from 'vue' import VueRouter from 'vue-router' import Firebase from 'firebase' Vue.use(VueRouter) Vue.use(require('vuefire')) Vue.mixin({ data () { return {auth: undefined} }, firebase: { root: new Firebase('https://portfoliox.firebaseio.com/') }, created () { this.$firebaseRefs.root.onAuth(auth => { this.auth = auth }) } }) let router = new VueRouter() router.map({ '/login': { component: require('./components/Login') }, '/': { component: require('./components/Home') } }) router.start(require('./App'), '#app')
function init() { alert.init(''); var Index = Vue.extend({ template: '#personalTpl' }) var PersonalInfo = Vue.extend({ template: '#personalInfoTpl' }) var Router = Vue.extend({ template: '<router-view></router-view>' }) var Skills = Vue.extend({ template: '#skillsTpl' }) var SkillsAdd = Vue.extend({ template: '#skillAddTpl' }) var Apply = Vue.extend({ template: '#professorApplyTpl' }) var Appointment = Vue.extend({ template : '#appointmentTpl' }) var AppointmentReceive = Vue.extend({ template: "#appointmentReceiveTpl" }) var app = Vue.extend({}) var router = new VueRouter(); router.map({ '/': { component: Index }, '/info': { component: PersonalInfo }, '/skills': { component: Router, subRoutes :{ '/': { component: Skills }, '/add': { component: SkillsAdd } } }, '/apply': { component: Apply }, '/appointment': { component:Router, subRoutes: { '/':{ component:Appointment }, '/receive':{ component:AppointmentReceive } } } }) router.redirect({ '*':"/" }); router.start(app,'body'); }
$('.collapsed_nav_link').click(function(){ console.log('sliding'); $('.mainNav').slideToggle(); }); } }); var router = new VueRouter(); router.map({ '/bp_panel': { component: admin_bp }, '/place_panel': { component: admin_place }, 'img_panel':{ component: admin_gallery }, '':{ component: AdminHome }, '/stats_panel':{ component:admin_stats } }); router.start(App,'#admin_app');
Vue.config.debug = true const router = new VueRouter() router.beforeEach(function(){ window.scrollTo(0,0); }) router.map({ '/Home': { component: Home }, '/add': { component: add }, '/login':{ component: login }, '/regsister':{ component: regsister }, '/topicList': { component: topicList }, '/modify': { component: modify } }) router.redirect({ '*': '/Home' }) router.start(App, 'app');
/** * @File: 项目入口文件 * @Author: 花夏(liubiao01@itoxs.com) * @Version: V0.0.1 * @Date: 2016-05-31 23:44:29 */ var Vue = require('vue'); var VueRouter = require('vue-router'); window.$ = window.jQuery = require('jquery'); require('./index.css'); // 引用semantic-ui require('./common/semantic-ui/semantic.min.js'); // 引用sweetalert require('./common/sweetalert/sweetalert.min.js'); Vue.use(VueRouter); var router = new VueRouter({ saveScrollPosition: true }); var route = require('./router-config'); router.map(route); router.start({}, '#app'); module.exports = app;
import QuestionView from './components/QuestionView'; import HomeView from './components/HomeView'; Vue.use(Router); Vue.use(Resource); Vue.http.options.root = '//hiitea-api.herokuapp.com/one'; export var router = new Router(); router.map({ '/': { component: HomeView, name: 'home' }, '/article/:id': { component: ArticleView, name: 'article' }, '/question/:id': { component: QuestionView, name: 'question' } }); router.redirect({ '*': '/' }); router.beforeEach(function() { window.scrollTo(0, 0); });
} } Vue.use(VueRouter); let router = new VueRouter(); let index = ''; for (k in config.routes) { let tmp = {}; if (!index) index = k; tmp['/' + k] = { component: this.$createPage(__wepy_require(config.routes[k]).default, '/' + k) } router.map(tmp); } router.redirect({ '*': '/' + index }); router.start({}, '#app'); router.beforeEach((trans) => { window.scrollTo(0, 0); trans.next(); }); window.$router = router; }, $createPage (pageClass, pagePath) {
import VueResource from 'vue-resource'; //注册两个插件 Vue.use(VueResource); Vue.use(VueRouter); const router = new VueRouter(); // 路由map router.map({ '/': { component: List }, '/list': { component: List }, '/blog': { component: Blog }, '/login': { component: Login }, '/write': { component: Write }, '/edit': { component: Edit } }); router.redirect({ '*': '/list' }); router.start(App, 'app');
Vue.use(VueRouter) Vue.use(VueResource) Vue.use(VueMoment) Vue.http.interceptors.push((request, next) => { request.headers['Authorization'] = 'Bearer ' + window.localStorage.getItem('jwt-token') next(); }) export var router = new VueRouter() router.map({ '/': { component: HomePage }, '/auth/login': { component: LoginPage }, '/auth/logout': { component: LogoutPage }, '/auth/register': { component: RegisterPage }, '/todos': { component: TodosPage } }) router.start(App, '#app')
import VueResource from 'vue-resource' Vue.use(VueResource) Vue.use(VueRouter) auth.checkAuth() export var router = new VueRouter() // Set up routing and match routes to components router.map({ '/home': { component: Home }, 'secretquote': { component: SecretQuote }, '/login': { component: Login }, '/signup': { component: Signup } }) // Redirect to the home route if any routes are unmatched router.redirect({ '*': '/home' }) // Start the app on the #app div router.start(App, '#app')
import Bought from './components/Bought.vue'; import Unbought from './components/Unbought.vue'; import VueRouter from 'vue-router'; import VueResource from 'vue-resource'; import VueFire from 'vuefire'; Vue.use(VueResource); Vue.use(VueRouter); Vue.use(VueFire); const router = new VueRouter(); router.map({ '/all': { component: All, }, '/bought': { component: Bought, }, '/unbought': { component: Unbought, }, }); router.redirect({ '*': '/all', }); router.start(App, '#app');
Vue.use(vueResource); var bgApp=require('./bg_app.vue'); var router=new Router(); router.map({ '/':{//后台首页 component:function(resolve){ require(['./bg_index.vue'],resolve) } } , '/useranage':{//用户管理 component:function(resolve){ require(['./bg_userManage.vue'],resolve); } }, '/siteManage':{//网址管理 component:function(resolve){ require(['./bg_siteManage.vue'],resolve); } }, '/softManage':{//软件管理 component:function(resolve){ require(['./bg_softManage.vue'],resolve); } } }); router.start(bgApp,'#bgapp');
name: 'welcome', component: welcome }, } }; map['/supplier'] = { name: 'supplier', component: root, subRoutes: {} }; router.map(map); router.redirect({ '*': '/404' }); router.beforeEach(function ({to, next, redirect, abort}) { console.log(to); console.log(next); console.log(redirect); console.log(abort); var needLogin = false; var role = 0; if (to.path.match(/\/admin\/*/)) {
import Add from './components/Add.vue' import Delete from './components/Delete.vue' import App from './components/App.vue' import VueRouter from 'vue-router' import VueResource from 'vue-resource' import xhr from 'xhr' Vue.use(VueRouter) Vue.use(VueResource) Vue.config.debug = true map.create() var router = new VueRouter() router.map({ '/delete': { component: Delete }, '/add': { component: Add }, '/view': { component: ViewInfo }, '/filter': { component: Filter } }) router.start(App, 'body')
hashbang:false }) router.map({ '/index': { name: 'index', component: function(resolve){ require(['./views/index.vue'], resolve) } }, '/detail/:goodsId': { name: 'detail', component: function(resolve){ require(['./views/detail.vue'], resolve) // 异步加载模块 } }, '/user': { name: 'user', component: require('./views/user.vue') }, '/cart': { name: 'cart', component: require('./views/cart.vue') }, '*': { component: require('./views/404.vue') } }) //默认/重定向到user页 router.redirect({
export const router = new VueRouter() router.map({ '/': { name: 'root', component: Home }, '/home': { name: 'home', component: Dashboard }, '/login': { name: 'login', component: Login }, '/signup': { name: 'signup', component: SignUp }, '/404': { name: 'error', component: Error }, '/room/:room': { name: 'room', component: Room } }) router.beforeEach(function ({ to, next }) { console.log('going to:', to) if (to.name === 'root' && auth.checkAuth()) {
const router = new VueRouter() router.map({ '/questions': { name: 'questions', component: resolve => require(['./components/Container.vue'], resolve) }, '/laws': { name: 'laws', component: resolve => require(['./components/Container.vue'], resolve) }, '/cases': { name: 'cases', component: resolve => require(['./components/Container.vue'], resolve) }, '/contracts': { name: 'contracts', component: resolve => require(['./components/Container.vue'], resolve) }, '/literatures': { name: 'literatures', component: resolve => require(['./components/Container.vue'], resolve) }, '/search': { name: 'result', component: resolve => require(['./components/Result.vue'], resolve) } }) router.redirect({ '*': '/questions'
import VueRouter from 'vue-router'; import VueResource from 'vue-resource'; // Apply router and resource to our vue instance Vue.use(VueResource); Vue.use(VueRouter); const router = new VueRouter(); // Pointing routes to the components they should use router.map({ '/home': { component: Home, }, '/time-entries': { component: TimeEntries, subRoutes: { '/log-time': { component: LogTime, }, }, }, }); // Any invalid route will redirect to home router.redirect({ '*': '/home', }); router.start(App, '#app');
import Home from 'Home' import Main from 'editor/Main' import Render from 'render/Render' Vue.directive('clickoutside', require('vue-clickoutside')) Vue.use(VueRouter) const router = new VueRouter({ hashbang: false, history: true }) router.map({ '/': { name: 'home', component: Home }, '/main': { name: 'main', component: Main }, '/render': { name: 'render', component: Render } }) router.start(App, 'app')
const router = new VueRouter; router.map({ '/': { component: Vue.extend({ template: ` <form v-on:submit.prevent="onSubmit"> <input v-model="session" placeholder="session" autofocus /> <input v-model="channel" placeholder="channel" /> <button>view</button> </form> `, route: { data: () => ({ session: localStorage.getItem('session'), channel: localStorage.getItem('channel') || 'nsen/hotaru', }), }, methods: { onSubmit() { const { session, channel } = this; localStorage.setItem('session', session); localStorage.setItem('channel', channel); console.log('connecting to', channel, '...'); socket = new Socket(address.port, session, channel); ipcRenderer.send('hide'); }, }, }), }, }); router.start(Vue.extend({}), '#main');
/** * packing的入口 */ import Vue from 'vue' import VueRouter from 'vue-router' import VueAnimatedList from 'vue-animated-list' import App from './App.vue' import routerMap from './router/map' //router map import routerAlias from './router/alias' //router alias Vue.use(VueRouter) //安装路由插件 Vue.use(VueAnimatedList) //安装列表动画插件 Vue.transition('flip', { //注册Animate.css动画 enterClass : 'flipInY', leaveClass : 'flipOutY' }); //Vue.config.debug = true //开启debug模式 var router = new VueRouter() router.map(routerMap) router.alias(routerAlias) router.beforeEach(function (){ window.scrollTo(0, 0) }) router.redirect({ '*' : '/news' }) router.start(App, '#app') //启动带路由的应用(创建一个app并挂载到index.html页面的'#app'元素),代替'new Vue()'方式
router.map({ '/': { component: function (resolve) { require(['./views/main.vue'], resolve); }, name: 'main', auth: false }, '/search': { component: function (resolve) { require(['./views/search.vue'], resolve); }, name: 'search', auth: false }, '/request': { component: function (resolve) { require(['./views/request.vue'], resolve); }, name: 'request', auth: true }, '/framework/:name': { component: function (resolve) { require(['./views/framework.vue'], resolve); }, name: 'framework', auth: false } });
Vue.use(VueRouter); Vue.use(require('vue-resource')); var router = new VueRouter(); var store = require('./store.js'); var audioPlayer = require('./components/audioPlayer.js')('player'); router.map({ '/': { component: Vue.extend(require('./components/submission.js')(audioPlayer)) }, '/locale': { component: Vue.extend(require('./components/locale.js')(store, router)) }, '/name': { component: Vue.extend(require('./components/name.js')(store, router)) }, '/message': { component: Vue.extend(require('./components/message.js')(store, router)) }, '/review': { component: Vue.extend(require('./components/review.js')(store, router)) }, '/share': { component: Vue.extend(require('./components/share.js')(store, router)) } }) router.start(Vue.extend({}), '#app');
require('./scss/app.scss'); // Install plugins Vue.use(Router); Vue.use(Resource); HTTPInterceptor.start(); // Set up a new router var router = new Router(); // Route config router.map({ '/location': { name: 'location', component: Location }, '/home': { name: 'home', component: Home } }); // For every new route scroll to the top of the page router.beforeEach(function() { window.scrollTo(0, 0); }); // If no route is matched redirect home router.redirect({ '*': '/home' });
Vue.use(Router) Vue.use(Resource) Vue.use(VueValidator) // Vue.config.debug = true var router = new Router({ linkActiveClass: 'active' }) router.map({ '/pos': { component: Pos }, '/products': { component: ProductsList, }, '/products/create': { component: ProductForm }, '/products/:product': { name: 'product', component: Product }, '/products/:product/edit': { name: 'product-edit', component: ProductEdit }, }) router.start(App, '#app')
var Vue = require('vue'); var VueRouter = require('vue-router'); var VueResource = require('vue-resource'); var App = require('./components/app.js'); //开发模式 Vue.config.debug = true // ES6 模板字符串 Vue.config.delimiters = ['${', '}'] Vue.use(VueRouter); Vue.use(VueResource); //路由实例化 var router = new VueRouter({ history : true }); //定义路由 router.map({ }); router.start(App, '#app');
Vue.use(VueRouter) const router = new VueRouter({ saveScrollPosition: true }) router.map({ '/': { component: require('./views/index') }, 'newsList': { component: require('./views/newsList') }, 'themes': { component: require('./views/themes') }, 'news/:id': { component: require('./views/news') }, 'theme/:id': { component: require('./views/theme') }, '*': { component: require('./views/notFound') } }) router.start(App, '#app') window.Vue = Vue window.zhihuApi = api
import VueRouter from 'vue-router' import routes from './routes' const router = new VueRouter() router.map(routes) router.beforeEach( ({ to, next }) => { return new Promise( resolve => { resolve(true) to next }) }) router.afterEach( ({ to }) => { let title = to.title if (title) document.title = to.title }) export default router