vue如何封装可复⽤的组件?
- 分析项⽬的所有⻚⾯结构和业务功能,抽离出相同的⻚⾯结构和业务功能
- 在src⽬录下创建⼀个components这个的⽂件夹
- 在这个⽂件夹内创建可复⽤的组件
如图:
- 在需要的⽤的组件⾥⾯引⼊创建的这个可复⽤的组件,并进⾏注册,以标签的形式写在对应的地⽅
如下
<template>
<div class="home">
<myinput></myinput>//使用
</div>
</template>
<script>
import myinput from "../components/myInput";//引入
export default {
name: "",
components: {
myinput,//注册
},
}
这样我们的组件就封装好了