会写代码的mika的博客

在上述代码中，子组件中定义了一个传递参数的方法add，并配合一个onclick事件使用，我们在页面中调用子组件时，可以通过@add调用该方法，将该方法的返回值传到别的方法中，如：将返回值传到num中。当我们点击触发子组件中的onClick事件的时候，就会返回一个随机数，并通过onAdd方法将这个值赋给num，在页面上显示出来。我们从页面向子组件传递参数时，我们可以使用props；当我们需要子组件传递参数给调用它的页面时，我们可以使用emit进行参数传递。

例如：在以下两段代码中，我们在组件中定义了一个名为id_name的slot区域。在页面中使用v-slot或者#对对应的slot进行绑定，注意这里需要使用<template></template>。组件可以通过props来接收数据，那么如果我们需要传递一个一个模板片段给组件，我们可以使用。在组件中，slot就像一个占位符，它把组件中的一部分区域划分出来，用于接收一段模板片段。当一个组件里有多个插槽时，我们需要给插槽命名才能保证对应的slot中展现的是我们想要的内容。

在项目开发中，在开发某些界面时，我们可以将一些代码封装成组件来简化代码。但是，如果某些情况下组件中的某些属性不是一成不变的（比如一个头像+姓名的组件，每次使用时都需要改变其图像src和姓名字符串），我们就可以使用Props。