当前位置: 首页 > Web前端 > JavaScript

vue3中的设置方法

时间:2023-03-27 14:21:54 JavaScript

1。参数propsprops是一个对象,包含了父组件传给子组件的所有数据。使用道具接收子组件。一个对象,包含了配置声明并传入的所有属性。换句话说,如果你想把父组件传递的值通过props输出给子组件。您需要使用道具来接收配置。那就是道具:{...}。如果不接受通过Props配置,则输出值为undefined为什么要传props.mytitle的输出值未定义?因为我们没有使用props来接收配置。即props:{mytitle:{type:Object}}2、参数context的第二个参数:context,是一个对象。里面有attrs(一个获取当前标签上所有属性的对象)。但是这个属性并没有声明接收props中的所有对象。如果你使用props获取值,并且你在props中声明了你想要获取的值,那么:你获取的值是undefined注意:attrs获取值时没有在props中声明接收。第一个参数props的值需要在props中声明和接收。有一个emit事件分发(事件需要传递给父组件)3.子组件向父组件派发事件4.优化事件派发我们知道第二个参数context是一个对象,对象attrs中有三个属性,slots,emit,事件派发的时候直接用emit就可以5.获取父组件传过来的值我们会使用props参数获取值,使用attrs获取值使用setup函数有几点需要注意:setup函数的执行时机n介于beforeCreate和created之间。由于setup执行时机是在created之间,组件刚刚创建,数据和方法还没有创建。初始化好了,所以不能设置在up和this指向undefinedsetup中使用数据和方法只能同步,不能异步