组件的创建和使用

uniapp 中组件的创建

在 uni-app 中，可以通过创建一个后缀名为 vue 的文件，即创建一个组件成功，其他组件可以将该组件通过 impot 的方式导入，在通过 components 进行注册即可

• 创建 login 组件,在 component 中创建 login 目录, 然后新建 login.vue 文件

<template>
  <view> 这是一个自定义组件 </view>
</template>

<script></script>

<style></style>

• 在其他组件中导入并注册

import login from "@/components/test/test.vue";

• 注册组件

components: {
  test;
}

• 使用组件

<test></test>

组件的生命周期函数

名称	描述	平台
created	在实例创建完成后被立即调用。	C1
beforeMount	在挂载开始之前被调用。	C2
mounted	挂载到实例上去之后调用。详见 注意：此处并不能确定子组件被全部挂载，如果需要子组件完全挂载之后在执行操作可以使用$nextTickVue	C3
beforeUpdate	数据更新时调用，发生在虚拟 DOM 打补丁之前	仅仅 H5 平台支持
updated	由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。	仅仅 H5 平台支持
activated	keep-alive 组件激活时调用。	仅仅 H5 平台支持
deactivated	keep-alive 组件停用时调用。	仅仅 H5 平台支持
beforeDestroy	实例销毁之前调用。在这一步，实例仍然完全可用。	C4
destroyed	Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。	C5