1. 首页
  2. 信息化
  3. 企业管理
  4. vue父子组件的数据传递示例

vue父子组件的数据传递示例

上传者: 2020-09-01 02:31:12上传 PDF文件 69.03KB 热度 19次

从这个例子中可以看出,父组件向子组件传递数据,因为每一个组件都是独立的作用域,所以要把父组件的数据在子组件中显示,要使用props定义属性来绑定父组件里面的数据才可以,如这里父组件的数据是msg1,用props定义一个属性m,来接收数据msg1;在子组件的模板里面用{{m}}的形式显示父组件的数据 父组件不仅可以向子组件传递数据,也可以传递方法,如:这是一个子组件,引用在父组件中,其中的 :get-datas=”getCreateIssues” 接收的是一个方法,这个方法在父组件中从后台获取数据传递给子组件,在子组件中就可以展示这些数据,在子组件中getDatas就是从父组件中接收数据的方法,

用户评论