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的一些简单认识,如有错误,欢迎指出!