vue 组件数据传递:

Posted zyjzz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 组件数据传递:相关的知识,希望对你有一定的参考价值。

vue1 组件数据传递: √
1. 子组件就想获取父组件data
在调用子组件:

<bbb :m="数据"></bbb>

 

子组件之内:

        props:[‘m‘,‘myMsg‘]

        props:{
            ‘m‘:String,
            ‘myMsg‘:Number
        }

 

2. 父级获取子级数据
*子组件把自己的数据,发送到父级

vm.$emit(事件名,数据);

v-on:    @

 

--------------------------------------------
vm.$dispatch(事件名,数据) 子级向父级发送数据
vm.$broadcast(事件名,数据) 父级向子级广播数据
配合: event:{}

在vue2.0里面已经,报废了
--------------------------------------------
slot:
位置、槽口
作用: 占个位置

类似ng里面 transclude (指令)

--------------------------------------------------------------------

vue2.0

--------------------------------------------------------------------

组件通信:
vm.$emit()
vm.$on();

父组件和子组件:

子组件想要拿到父组件数据:
通过 props

之前,子组件可以更改父组件信息,可以是同步 sync
现在,不允许直接给父级的数据,做赋值操作

问题,就想更改:
a). 父组件每次传一个对象给子组件, 对象之间引用 √
b). 只是不报错, mounted中转
------------------------------------------------------
可以单一事件管理组件通信: vuex
var Event=new Vue();

Event.$emit(事件名称, 数据)

Event.$on(事件名称,function(data){
//data
}.bind(this));
------------------------------------------------------
debounce 废弃
-> lodash
_.debounce(fn,时间)


























以上是关于vue 组件数据传递:的主要内容,如果未能解决你的问题,请参考以下文章

将数据从底部工作表对话框片段传递到片段

vue3基础练习

在挂载的 div 中加载 Vue 3 组件并传递 PHP 数据

Vue - 将相同的数据从一个组件传递到多个组件

将数据从 Laravel 传递到 Vue 组件的最佳实践

我如何将数据从控制器传递到组件 vue.js