Vue.js 3开发基础与实战课件 第五章 Vue组件进阶.pptVIP

组件生命周期需要注意的是，在Vue3中官方推荐使用setup()函数来代替beforeCreate和created钩子函数，并且可以通过在生命周期钩子前面加上“on”变成组合式API来访问组件的生命周期钩子。这些生命周期钩子组合API借助于setup()函数的特性，可以更好的实现逻辑的组合使用，对于组合式API我们会在后面Vue进阶章节中进行详细的介绍。组件生命周期12Props进阶3异步组件4内置组件Props进阶1．Props类型在第四章节中，我们已经学习了props的基本使用，它可以用于父组件和子组件之间传递数据。props被用来声明组件的属性，并在父组件使用该子组件时，可以通过props传递参数数据。props的期望值可以定义为字符串数组或对象，之前，我们将props的期望值定义为字符串数组形式，这意味着属性的值可以是任意类型。如果我们想要指定prop属性的类型，我们可以将props的期望值定义为对象。Props进阶如果属性的名称很长，应该使用camelCase（小驼峰命名法）。但是在组件使用时，通常会将属性的名称写成kebab-case（短横线连接命名法）形式。属性的类型可以为String、Number、Boolean、Array、Object、Date、Function、Symbol和自定义类或构造函数