vue中的路由插件，模块，Vue-Router ，使用 Vue-Router 实快速实现前端路由

Vue-Router 是vue.js官方提供的路由管理工具，是一个功能强大的路由管理工具

使用Vue-Router创建的路由界面，界面实现了 301定向跳转，

1.引入文件
2.创建添加路由链接
3.添加路由填坑位
4.自定义组件
5.配置路由规则并创建路由实例
6.将路由挂载到 vue实例中

		<!-- 1.引入文件 -->
	
		    <script type='text/javascript' src='js/vue.js'></script>
	
		    <script src="./js/vue-router_3.0.2.js"></script>
	
		    <div id='app'>
	
		        <!-- 2.创建添加路由链接 -->
	
		        <router-link to="/login">登录</router-link>
	
		        <router-link to="/zc">注册</router-link>
	
		        <!-- 3.添加路由填坑位 -->
	
		        <router-view></router-view>
	
		    </div>
	
		    <script type='text/javascript'>
	
		        //自定义组件
	
		        var login = {
	
		            template: `<div>我是登录页面</div>`
	
		        }
	
		        var zc = {
	
		                template: `<div>我是注册页面</div>`
	
		            }
	
		            // 5.配置路由规则并创建路由实例
	
		        const router = new VueRouter({
	
		            routes: [{
	
		                path: '/', //设置默认首页 301跳转 登录界面
	
		                redirect: "login"
	
		            }, {
	
		                path: '/login',
	
		                component: login
	
		            }, {
	
		                path: '/zc',
	
		                component: zc
	
		            }, ]
	
		        });
	
		        var vm = new Vue({
	
		            el: '#app',
	
		            data: {
	
		                msg: 'Hello Vue'
	
		            },
	
		            //自定义组件
	
		            components: {
	
		                login,
	
		                zc
	
		            },
	
		            router
	
		        });
	
		    </script>