Commit855aba4

committed

config vue-router for components pages

1 parent2fe90bb commit855aba4Copy full SHA for 855aba4

File tree

+29

-15

lines changed

+29

-15

lines changed

Lines changed: 2 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,13 +3,9 @@ var VueRouter = require('vue-router');`
`3`	`3`
`4`	`4`	`Vue.use(VueRouter);`
`5`	`5`
`6`		`-`
`7`	`6`	`varApp=require('./app.vue');`
`8`	`7`	`varrouter=newVueRouter();`
`9`	`8`
`10`		`-`
`11`		`-`
`12`		`-`
`13`	`9`	`router.map({`
`14`	`10`	`'/index':{`
`15`	`11`	`name:'index',`
`@@ -19,9 +15,9 @@ router.map({`
`19`	`15`	`name:'about',`
`20`	`16`	`component:require('./about/about.vue')`
`21`	`17`	`},`
`22`		`-'/components':{`
	`18`	`+'/components/*component':{`
`23`	`19`	`name:'components',`
`24`		`-component:require('./components/example.vue')`
	`20`	`+component:require('./components/page.vue')`
`25`	`21`	`}`
`26`	`22`	`});`
`27`	`23`

Lines changed: 12 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,17 +1,25 @@`
`1`	`1`	`<template>`
`2`	`2`	`<div>`
`3`		`- <page></page>`
	`3`	`+ <router-view></router-view>`
`4`	`4`	`</div>`
`5`	`5`	`</template>`
`6`	`6`
`7`	`7`	`<script>`
`8`	`8`	`var store=require('./vuex/store.js');`
	`9`	`+var actions=require('./vuex/actions.js');`
`9`	`10`
`10`	`11`	`module.exports= {`
`11`		`- components: {`
`12`		`-'page':require('./components/page.vue')`
	`12`	`+`
	`13`	`+ready:function() {`
	`14`	`+this.loadAllModules();`
`13`	`15`	`},`
`14`	`16`
`15`		`- store: store`
	`17`	`+ store: store,`
	`18`	`+`
	`19`	`+ vuex: {`
	`20`	`+ actions: {`
	`21`	`+ loadAllModules:actions.loadAllModules`
	`22`	`+ }`
	`23`	`+ }`
`16`	`24`	`};`
`17`	`25`	`</script>`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	`<navbar:logo="currentModule.name"logo-href="#!"side-nav-id="sideNav"logo-position="center"></navbar>`
`4`	`4`	`<side-navid="sideNav"fixed>`
`5`	`5`	`<nav-itemv-for="module in modules \| orderBy 'name'":active="module.name === currentModule.name"@click="handleClick(module.name)">`
`6`		`- <ahref="#!"class="waves-effect waves-teal">{{module.name \| simplify}}</a>`
	`6`	`+ <aclass="waves-effect waves-teal"v-link="{name: 'components', params: {component: module.name}}">{{module.name \| simplify}}</a>`
`7`	`7`	`</nav-item>`
`8`	`8`	`</side-nav>`
`9`	`9`	`</header>`

Lines changed: 8 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -17,8 +17,7 @@`
`17`	`17`	`},`
`18`	`18`
`19`	`19`	`ready:function() {`
`20`		`-this.loadAllModules();`
`21`		`-this.selectModule('badges/badge');`
	`20`	`+this.selectModule(this.$route.params.component);`
`22`	`21`	`},`
`23`	`22`
`24`	`23`	`vuex: {`
`@@ -28,9 +27,14 @@`
`28`	`27`	`}`
`29`	`28`	`},`
`30`	`29`	`actions: {`
`31`		`-loadAllModules:actions.loadAllModules,`
`32`		`-selectModule:actions.selectModule`
	`30`	`+selectModule:actions.selectModule,`
	`31`	`+checkModule:actions.checkModule`
`33`	`32`	`}`
	`33`	`+ },`
	`34`	`+`
	`35`	`+ route: {`
	`36`	`+// don't reuse this component in router, coz component data will be retrieved and re-render`
	`37`	`+ canReuse:false`
`34`	`38`	`}`
`35`	`39`	`};`
`36`	`40`	`</script>`

Lines changed: 6 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -1929,5 +1929,11 @@ module.exports = {`
`1929`	`1929`
`1930`	`1930`	`selectModule:function(store,name){`
`1931`	`1931`	`store.dispatch('SET_CURRENT_MODULE',name);`
	`1932`	`+},`
	`1933`	`+`
	`1934`	`+checkModule:function(store,name){`
	`1935`	`+returnstore.state.modules.filter(function(module){`
	`1936`	`+returnmodule.name===name;`
	`1937`	`+}).length>0;`
`1932`	`1938`	`}`
`1933`	`1939`	`};`

Comments

(0)