vue中父级页面给子组件如何传值，VUE父传子

结合上篇文章，自定义子组件的使用，来实现一个父传子的功能，功能很简单，点击父级页面按钮，将值传递给子组件中。

首先，我们在父级页面中，定义一个按钮标签（当然，父传子可以不需要设置点击事件，也可传值，在这里只是为了更加清晰演示）

在JS中，我们给data中定义一个keys为传的参数，在点击事件 keyBtn()中，给keys赋值

接着在父级的子组件标签上写上如下，KeyChilder自行命名

【PS】如果父组件未点击，那么默认的keys的值为“默认值”。

最后，我们在子组件中使用props进行接收，例如

KeyChilder即为我们接收的值，随便写个标签显示到页面中即可

详情http://sharedblog.cn/post/195.html

个人博客http://sharedblog.cn/

软件下载http://iqzhan.com/

文章知识点与官方知识档案匹配，可进一步学习相关知识Vue入门技能树Vue组件全局与局部组件23000 人正在系统学习中