组件是 vue 技术中非常重要的部分,组件使得与ui相关的轮子可以方便的制造和共享,进而使得vue使用者的开发效率大幅提升。
就像积木一样,单块积木完善后,哪里需要哪里搬。
在项目的/component目录下存放组件,在要显示组件的页面中则分为3步:
导入、注册和使用。
看例子,了解vue组件的使用方式。
<template>
<view>
<uni-rate value="2"></uni-rate> <!-- 第三步,使用组件。标签名与vue文件名对应 -->
</view>
</template>
<script>
import uniRate from "@/components/uni-rate/uni-rate.vue" //第一步,导入组件
export default {
components: {
uniRate //第二步,注册组件,与import后的对应
}
}
</script>
简单三步走,uni-rate.vue就是组件咯