vue3中setUp函数的2个参数详解

原文地址:

vue3中setUp函数的2个参数详解 


setup(props,context){}

第一个参数:

        props,是一个对象,包含父组件传递给子组件的所有数据。 在子组件中使用props进行接收,包含配置声明并传入的所有的属性的对象,也就是说:如果你想通过props的方式输出父组件传递给子组件的值。

       你需要使用props进行接收配置。即props:{......} 如果你未通过Props进行接受配置,则输出的值是undefined

第二个参数:

       context,是一个对象。

  1.        有attrs(获取当前标签上的所有属性的对象) 但是该属性是props中没有声明接收的所有的对象。 如果你使用props去获取值,同时props中你声明了你要获取的值 则获取的值是undefined 。注意点: attrs获取值是不需要props中没有声明接收。 第一个参数props获取值是需要props中声明接收的
  2.        有emit事件分发,(传递给父组件需要使用该事件)
  3.        有slots插槽

你可能感兴趣的:(javascript,前端,vue.js)