Bacchas at 17:16, 19 October 2018

2018-10-19T17:16:00Z

← Older revision		Revision as of 17:16, 19 October 2018
Line 6:		Line 6:
	import Home from './components/Home.vue';		import Home from './components/Home.vue';

			// The "children" keyword is an array which has the subroutes


	export const myRoutes = [		export const myRoutes = [
	{ path: '', component: Home },		{ path: '', component: Home },

Bacchas: Created page with "

 import User from './components/User.vue'; import UserDetail from './components/UserDetail.vue'; import UserEdit from './components/UserEdit.vue'; import UserStart from '..."

2018-10-17T18:08:44Z

Created page with "<pre> import User from './components/User.vue'; import UserDetail from './components/UserDetail.vue'; import UserEdit from './components/UserEdit.vue'; import UserStart from '..."

New page

<pre>
import User from './components/User.vue';
import UserDetail from './components/UserDetail.vue';
import UserEdit from './components/UserEdit.vue';
import UserStart from './components/UserStart.vue';
import Home from './components/Home.vue';

export const myRoutes = [
{ path: '', component: Home },
{ path: '/user', component: User, children:[
{path: '', component: UserStart},
{path: ':id', component: UserDetail, beforeEnter:(to, from, next)=>{
console.log('inside rout setup');
next();
}},
{path: ':id/edit', component: UserEdit, name: 'userEdit'}

] },
{path: '/redirect-me', redirect: '/user'},
{path: '*', redirect: '/'}

];
</pre>
[[VueJs Routing]]

Routes.js File - Revision history

Bacchas at 17:16, 19 October 2018

Bacchas: Created page with "
import User from './components/User.vue'; import UserDetail from './components/UserDetail.vue'; import UserEdit from './components/UserEdit.vue'; import UserStart from '..."