辉太郎看前端(vue自定义组件)

前言

组件，在vue中有系统提供的组件，例如：keep-alive，router-link，以及router-view。我们也可以自定义组件。

自定义组件

• 概念

• 一个.vue页面就是一个组件。
• 主要包括3个部分：界面展示template、业务实现script、界面布局style。
• 特性：重用性，可指定性，互操作性，高内聚性，低耦合度。
• 好处：组件可以拓展HTML元素、封装可重用代码

• 代码展示

<template>
   <div></div>
</template>
<script>

</script>
<style scoped>

</style>

• 使用

• 在使用的页面中通过 import 组件名 from ‘组件路径’来引入。
• 在使用的页面中通过components来注册组件，然后就可以使用了。

<script>
import 组件名 from '要使用的组件路径'
export default {
  components:{组件名}
}
</script>

总结

初出茅庐，请多多指教👊。