vue如何封装可复⽤的子组件?

vue如何封装可复⽤的组件?

1. 分析项⽬的所有⻚⾯结构和业务功能,抽离出相同的⻚⾯结构和业务功能
2. 在src⽬录下创建⼀个components这个的⽂件夹
3. 在这个⽂件夹内创建可复⽤的组件
   如图：
   
4. 在需要的⽤的组件⾥⾯引⼊创建的这个可复⽤的组件,并进⾏注册,以标签的形式写在对应的地⽅
   如下

<template>
      <div class="home">
          <myinput></myinput>//使用
      </div>
</template>

<script>
import  myinput  from "../components/myInput";//引入
export default {
	 name: "",
 	 components: {
    	myinput,//注册
  	},
  }

这样我们的组件就封装好了