Vue JS 发出函数

我们使用 Emit 函数将数据从子组件传递到父组件，我们将向您展示它如何在代码中进行
我们从子组件启动 Emit 函数

;
    <div>
        <div>



<p>现在我们可以将它们传递给父组件<br>
</p>

<pre class="brush:php;toolbar:false">;
    <div>
        <div>



<p>结果是</p>

<p><img src="https://img.php.cn/upload/article/000/000/000/173201082567193.jpg" alt="Vue JS Emit function"></p>

<p>让我们了解它是如何工作的</p>

<p>-从“vue”导入{defineEmits, ref}；从vue导入必要的东西<br>
- const count=ref(0);创建一个可变量并使用 ref <br> 为其指定默认值
<br>
- 常量发射=defineEmits();它必须在任何可验证的<br>中声明defineEmits
- 常量用户=[<br>
    {id:1, 姓名:"khusi", 年龄:20, 职业:"IT"},<br>
    {id:1, 姓名:"khusi", 年龄:20, 职业:"IT"},<br>
    {id:1, 姓名:"khusi", 年龄:20, 职业:"IT"},<br>
    {id:1, 姓名:"khusi", 年龄:20, 职业:"IT"},<br>
] 从任何数据中使用<br>
- const sendDate=()=>{<br>
    发出（“计数器”，11）；<br>
    发出（“用户”，用户）；<br>
我们创建一个函数，并在第一个可选数字中给出它，在defineEmits中的第二个数据中给出它，并在字符串中我们编写在父组件中使用的可选名称<br>
我们学习如何在父组件中调用它们</p>

<p>-const SubmitEmit=(e)=>{<br>
    console.log(e);<br>
    发出（“计数器”，e）<br>
}<br>
-const SubmitUser=(e)=>{<br>
    console.log(e);<br>
    发出（“用户”，e）；<br>
创建了两个函数，在其中我们从子组件调用我们的emit变量，并给出它们的名称和e。在本例中，e=我们的可选数字 11 和我们的数据<br>
- <componentd></componentd>>最后我们在emit可选名称下调用两个函数，我们可以在控制台上看到结果</p>

<p>谢谢大家的关注</p>


          </div>

            
        </div>