Vue SPA 应用的 js 入口文件

注册组件

1 调用 Vue.extend() 方法创建组件构造器

	var MyComponent = Vue.extend({
   
		template: '<div>组件内代码</div>',
	});

2 调用 Vue.component() 方法注册组件

	Vue.component('my-component', MyComponent);

可以将1和2合并:

	Vue.component('my-component', {
   
		template:'<div>组件内代码</div>'
	})

实际操作中, 合并的写法更多. 全局注册组件, 还可以声明一个常量接受该全局组件, 方便直接其他插件调用组件:

	// 声明 一个 List 常量接受注册好的视图组件
	const List = Vue.component('list', require('./views/list.vue'));

使用 VueRouter 插件

1. 引入 VueRouter 并使用插件

	import VueRouter from 'vue-router'