多语言展示
当前在线:1806今日阅读:67今日分享:44

vue组件之间通信:子传父

vue组件通信:子组件向父组件传值
工具/原料
1

vue脚手架

2

npm install -g vue-cli vue init webpack my-project cd my-project npm run dev

方法/步骤
1

子组件:vuecomponents.vue

2

父组件:prents.vue

3

全局注册:components.js

4

main.js

5

总结:想要把子组件中的值传递给父组件,(1)首先,我们要做的就是先确定子组件和父组件,比如:我们可以给子组件一个点击事件,即:

6

(2)然后,我们可以通过‘butClick’这个点击事件,来去调用this.$emit()方法,这个方法可以传递两个参数。第一个参数就是绑定在这个子组件上的一个自定义属性,第二个参数就是子组件传递过来的值。

注意事项

个人对vue的一些简单认识,如有错误,欢迎指出!

推荐信息