vue的入口文件main.js

main.js文件是程序的入口文件，加载各种公共组件

import Vue from 'vue'		//引入vue
import App from './App'		//main.js为根组件和app.vue 相关联，所有的内容都在app.vue上呈现
import router from  './router'   // 引入路由

//有时你发现会有这种写法例如：
Vue.prototype.$echarts = echarts;
// 也会有这种写法例如：
Vue.use(Router)		
// 这两种的区别就是第一种将某些方法直接绑定到原型上面，然后直接通过this点出来就可以使用了，在多个页面都用到的时候可以使用，第二种当每个页面都需要使用到的插件、方法，直接使用vue.use()全局注入，这样我们就不需要在每个页面都单独引入了

Vue.config.productionTip = false  	// 它会阻止你显示生产模式的消息
// 生成的vue跟实例； 创建的每个组件都会生成一个跟实例，并且都会用到跟实例上的属性
new Vue({
	el:'#app',
	router,
	//写法一
	template:'</App>',				//声明成模板
	components:{App}				//注册成组件
	// 写法用render的写法
	render:h => h(App)				// 用render 函数渲染页面
})

关联的App.vue文件

<template>
	<div id="app">
		<router-view />
	</div>
</template>
<script>
	export default{
		name:'App'
}
</script>

再关联一个router/index.js 文件

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
	routes:[
		{
			path:'/',
			components:Home
	},{
			path:'/table'
			components:Table
	}
]
})