当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript vue-router.map函数代码示例

本文整理汇总了TypeScript中vue-router.map函数的典型用法代码示例。如果您正苦于以下问题:TypeScript map函数的具体用法?TypeScript map怎么用?TypeScript map使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。


在下文中一共展示了map函数的7个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: function

    run: function (app) {

        Vue.config.debug = true;
        Vue.config.async = false;
        
        Vue.use(VueRouter);
        Vue.component('vue-logo', vueLogo);
        Vue.component('materialize-logo', materializeLogo);
        Vue.component('doc-api', docApi);
        Vue.component('doc-sources', docSources);
        Vue.component('doc-snippet', docSnippet);
        Vue.component('doc-tabs', docTabs);

        var router = new VueRouter({
            history: false,
            root: '/'
        });

        router.map(mapping);

        router.start(App, app);
    },
开发者ID:MarxJiao,项目名称:material-components,代码行数:22,代码来源:index.ts

示例2: VueRouter

var App = Vue.extend({});
var router = new VueRouter();

Vue.filter('numberDisplay', function (value) {
    if( value < 10 ) {
        value = '0'.concat(value);
    }
    return value;
})

var homeController = require('../controllers/home');

router.map({
    '/': {
        component: homeController
    }
});


router.start(App, '#app')









开发者ID:Heolink,项目名称:ldm,代码行数:20,代码来源:app.ts

示例3: VueRouter

import Store from './store';
import App from './App';


Vue.use(VueRouter);


const router = new VueRouter();

const approuter = Vue.extend({});



router.map({
    '/': {
        component: App
    }
});






sync(Store, router);

router.start(approuter, '#appContainer'); // must stay after map and syncing

/* eslint-disable no-console */
console.log(Store.state);
开发者ID:dottgonzo,项目名称:vue-starter,代码行数:30,代码来源:main.ts

示例4: VueRouter

import transState from '../states/transactions/state';
import loginState from '../states/login/state';
import dashState from '../states/dashboard/state';

var router = new VueRouter();

router.map({
	'/login': {
		name: 'login',
		component: loginState,
		auth: false
	},
	'/dashboard': {
		name: 'dashboard',
		component: dashState,
		auth: true
	},
	'/transactions': {
		name: 'transactions',
		component: transState,
		auth: true
	}
});

router.beforeEach((trans:any) => {
	if (trans.to.auth && !Auth.isLogged) {
		trans.redirect('/login');
	} else {
		trans.next();
	}
开发者ID:maraisr,项目名称:gravestone,代码行数:30,代码来源:router.ts

示例5: html

/*
  For components that will be used in html (such as navbar),
  all you need to do is import the file somewhere in your code,
  they are automatically registered when the file is loaded.
  However, if you import the class (ex: import { Navbar } from './navbar'),
  you will have to call new Navbar() somewhere as well. You would want
  to do that if you are defining a components{} object in the @VueComponent
  options parameter. 
*/
import './components/navbar/navbar'

import { HomeComponent } from './views/home/home'
import { AboutComponent } from './views/about/about'

Vue.use(VueRouter);

var app = Vue.extend({});

var router = new VueRouter();

router.map({
  '/' : {
      component: HomeComponent
  },
  '/about' : {
      component: AboutComponent
  }
});

router.start(app, '#app-main');
开发者ID:Storycrafter,项目名称:awesome-vue-typescript,代码行数:30,代码来源:main.ts

示例6: require

import * as VueResource from 'vue-resource'

import './transition/fade'

import { store } from './vuex/store'

import RouterConfig from "./config/route-config"
import Navigation from './component/navigation/navigation'

// Main styles, these styles will be applied globally, each component will get it's own styles
require('./style/main.scss')

// Install Vue Plugins
Vue.use(VueResource)
Vue.use(VueRouter)

// Extend Vue to create a named instance for our app
var app:VueStatic = Vue.extend({
	store: store,
	components: { Navigation }
})

// Define the router
var router = new VueRouter({
	history: true
})

// Map RouterConfig and start the app
router.map(RouterConfig.map)
router.start(app, '#app')
开发者ID:Blocklevel,项目名称:vue-skeleton,代码行数:30,代码来源:main.ts

示例7: VueRouter



import * as Vue from 'vue';
import * as VueRouter from 'vue-router';
import MainPage from './components/main/index';
import TodoPage from './components/todolist/index';
// import appHtml from require('./app.html!text');
// import html  from 'text-load/app';
import * as appHtml from 'text-load/app.html';

Vue.use(VueRouter);

let router = new VueRouter();

let App: vuejs.VueStatic = Vue.extend({
    template: appHtml,
});
router.map({
    '/': {
        component: MainPage,
    },
    '/todolist': {
        component: TodoPage,
    }
})



router.start(App, document.querySelector('#app'));
开发者ID:JcluoIvan,项目名称:typescript-example,代码行数:27,代码来源:app.ts


注:本文中的vue-router.map函数示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。