weixin_45609659的博客

Vue组件通信 "

导出；一直页面不显示，找半天错误 引入组件时不需要加"{}"，方法引用才需要加上"{}"

一、vue-cli创建 vue create vue3_test Default (Vue 3) ([Vue 3] babel, eslint) √ 二、vite创建 npm init vite-app vue3_test_vite cd vue3_test_vite npm i npm run dev（运行）

——学习自尚硅谷vue视频 1. 一种组件间通信的方式，适用于：子组件 ===> 父组件 2. 使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在父组件中给子组件中绑定自定义事件（事件的回调在父组件中） 3. 绑定自定义事件 1. 第一种方式，在父组件中： <Demo @fandou="test"/> 或 <Demo v-on:fandou="test"> 2. 第二种方式，在父组件中 <Demo ref="demo"/>