VUE组件注册

vue组件注册步骤

1.

写好组件 xxx.vue

2.

在src/router文件夹下的index.js文件中引入并配置路由

import xxx from '@/components/xxx'
export default new Router({
	routes: [{path: '/',name: 'xxx',component: xxx,}]
				
})

3.

在需要引入组件的vue文件中的template中以尖括号形式写出组件

<template>
	<div>
		<xxx></xxx>
	</div>
</template>

4.

在script中利用import引入组件,然后在export default的components选项中写入组件名便可以成功注册组件

<script>
	import xxx from './xxx'
	export default {
	  name: "home",
	  components: {
		customerOrder//在components注册组件
	  }
	}
</script>