2018-04-26 vue使用-组件间传值总结

1.父/子组件理解:

在一个组件中引用了另一个组件,该组件为父组件,被引用的组件称为子组件



2.父传子

需借助props属性

父组件中的数据:


子组件引用数据:(把需要使用的父组件的数据放到props属性)


父组件引用子组件,把子组件需要的数据绑定到组件:


子组件使用数据:


3.子传父

在子组件上绑定click方法(不一定是click,只需要绑定一个可触发的方法)

在绑定的方法seng_value()中调用$emit 传值,参数分别为 (“属性名”,”属性值")


在父组件中引用了子组件的元素中v-on 绑定自定义事件接收数据



©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 13,796评论 4 129
  • 此文基于官方文档,里面部分例子有改动,加上了一些自己的理解 什么是组件? 组件(Component)是 Vue.j...
    陆志均阅读 9,248评论 5 14
  • 下载安装搭建环境 可以选npm安装,或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时,控制...
    冥冥2017阅读 11,269评论 0 42
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,468评论 0 29
  • 作为一个动漫爱好者,我曾经一度沉迷追番不能自拔,特别是大学的时候,大一大二课业不太紧张,在宿舍只要空闲下来,我一定...
    鯊魚小姐阅读 3,499评论 14 9