2022年7月11日
非父子通信（必须引入第三方插件才能实现 实现 mitt 要么就是 通过 Provide/inject , 再或者就是 通过 父子通信 ）
摘要： 1 <div id="app"> 2 <first-child ></first-child> 3 <second-child></second-child> 4 </div> 1 <script src="./js/vue.global.js"></script> 2 <script src=". 阅读全文
posted @ 2022-07-11 10:33 请善待容嬷嬷 阅读(92) 评论(0) 推荐(0)
父子通信 （1. 在子组件标签上 自定义属性并绑定数据 2. 在子组件模板内部通过 props 属性接受 ， 接受的是 在子组件标签上的 自定义属性名 用法和 使用data中的数据一样）
摘要： 1 <div id="app"> 2 <second-child title="父组件的数据" v-bind:msg="msg"></second-child> 3 </div> 1 <script src="./js/vue.global.js"></script> 2 <script> 3 co 阅读全文
posted @ 2022-07-11 09:57 请善待容嬷嬷 阅读(28) 评论(0) 推荐(0)
子父通信 （子组件 通过自定义事件 $emit() 传递数据 父组件 通过 v-on 监听事件并接受数据）
摘要： 1 <div id="app"> 2 <p>接受数： {{msg}}</p> 3 <three-child v-on:send-msg="getMsg"></three-child> 4 </div> 1 <script src="./js/vue.global.min.js"></script> 阅读全文
posted @ 2022-07-11 09:51 请善待容嬷嬷 阅读(85) 评论(0) 推荐(0)