Vue组件引入

新建一个 .vue 的组件文件

TestComponent.vue

	<template>
     	<div class="test-component">
        	this is a component test
    	</div>
	</template>
   	<script>
       	export default {
          	name: 'TestComponent',
           	data() {
          	}
       	}
   	</script>

新建一个用户于引入 TestComponent 组件的文件

TestComponent2.vue

	<template>
        <div>
        	// 下面这一对标签就是用于使用外部组件的代码
            <TestComponent></TestComponent>    
        </div>
    </template>

    <script>
        // 1. 先使用  import 导入你要在该组件中使用的子组件
        import TestComponent from "./TestComponent";

        export default {
            // 然后， 在 components中写入子组件
            components: { TestComponent },

            methods: {}
        }
    </script>