本文深入探讨了Vue.js的关键概念，包括详细的生命周期说明，父子组件间的数据传递方式，兄弟组件间利用事件总线进行通信的方法，以及MVVM架构模式的介绍。通过本文，读者将全面了解Vue.js的基本操作和最佳实践。
一、vue生命周期
https://segmentfault.com/a/1190000011381906?utm_source=tag-newest
二、父组件向子组件传递数据
父组件：
<Test :text="text"></Test>
子组件：
props:{
text: String
}
三、子组件向父组件传递数据
子组件：
this.$emit('text1', this.text1)
父组件：
<Test @text1="getText1"></Test>
methods: {
getText1(text1){
this.text1 = text1
}
}
四、兄弟组件之间传递数据
//在mian.js中
Vue.prototype.bus = new Vue() //这样我们就实现了全局的事件总线对象
//组件A中，监听事件
this.bus.$on('updata', function(data) {
console.log(data) //data就是触发updata事件带过来的数据
})
//组件B中，触发事件
this.bus.$emit('updata', data) //data就是触发updata事件要带走的数据
https://blog.youkuaiyun.com/wxl1555/article/details/84646832
五、MVVM
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
