本文详细介绍了Vue中父子组件、兄弟组件间的数据传递方式，包括使用自定义属性和$emit()事件，以及如何通过EventBus.js实现兄弟组件间的通信。同时，解释了Vue的MVVM模式，当数据变化时，视图会自动更新。此外，还阐述了ref的使用，用于操作DOM元素或组件。最后，概括了Vue中引入、声明和使用组件的基本步骤。
组件传递 父向子传递用自定义属性传递 子向父传递用$emit()自定义事件传递
兄弟组件传递用EventBus.js
通过EventBus.js创建Vue实例对象 兄弟双方都引入这个js文件，数据发送方用$emit（）自定义事件传递值
接收方用 js文件名.$on()来赋值给本组件的data中定义的变量
vue MVVM理解 当M(model)数据发生变化 VM(v-model)会监听到 自动把数据渲染到V（vue）视图里面
ref引入DOM元素 每个DOM元素都有一个$refs对象
使用时在 标签内添加 ref="name" 在方法中使用 this.$refs来操作dom元素
同样可以在组件引入标签上写上ref=“”来调用组件内的方法数据等
vue使用组件步骤：
1、引入组件 import 自定义名称 from 组件地址
2、在components中声明组件名
3、 在template下唯一div标签内使用组件名称的标签
651
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
