一、父组件向子组件传递数据
在 Vue 中,可以使用 props 向子组件传递数据。
子组件部分:
父组件部分:
运行结果:
二、子组件向父组件传递数据
子组件主要通过事件传递数据给父组件:
1.事件@@@@@@ 重要的事情说6遍都不过分
2.this.$emit('中转站事件',子组件需要传递出去给父组件的值/内容)
子组件部分:
这里我用了一个点击click事件(这里只要能改变数据的事件都行,点击事件、鼠标触发事件、input事件都行),点击后就委托中转站事件,把我的数据带出去给父组件用,因为父组件需要我。
父组件部分:
运行结果:
写的比较乱,第一次写日记,目前主要是给自己看的,方便以后查找,加深记忆