Example #1
0
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')
  }
})
Example #2
0
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')
Example #3
0
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')
Example #4
0
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');
}
Example #5
0
        $('.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');
Example #6
0
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');
Example #7
0
/**
 * @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;
Example #8
0
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);
});
Example #9
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) {
Example #10
0
File: main.js Project: 44886/KuBlog
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');
Example #11
0
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')
Example #12
0
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')
Example #13
0
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');
Example #14
0
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');
Example #15
0
      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\/*/)) {
Example #16
0
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')
Example #17
0
File: app.js Project: janmi/website
  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({
Example #18
0
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()) {
Example #19
0
File: main.js Project: liiklin/T311
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'
Example #20
0
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');
Example #21
0
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')
Example #22
0
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');
Example #23
0
/**
 * 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()'方式
Example #24
0
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
    }
});
Example #25
0
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');
Example #26
0
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'
});
Example #27
0
File: app.js Project: chanafdo/pos
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')
Example #28
0
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');
Example #29
0
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
Example #30
0
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