vue 路由四步曲

版权声明:如果觉的本文好的话,点个赞,您的鼓励是我最大的动力。 https://blog.csdn.net/boysky0015/article/details/83064294

vue 路由四步曲:
(1)定义路由组件

	const React  = { template: '<div>我是肉肉</div>' };
	const Angular = { template: '<div>我是肉哥哥</div>' };

(2)定义路由

	const routes = [
		{ path: '/react', component: React },
		{ path: '/angular', component: Angular }
	]

(3)创建router实例,传routes配置

	const router = new VueRouter({
		routes
	})

(4)创建实例和挂载根实例

	const app = new Vue({
		router
	}).$mount('#app')

运行结果参考地址

猜你喜欢

转载自blog.csdn.net/boysky0015/article/details/83064294