zoukankan      html  css  js  c++  java
  • 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,时间)

  • 相关阅读:
    CF1312G Autocompletion
    UOJ#11. 【UTR #1】ydc的大树
    CF51F Caterpillar
    CF295D Greg and Caves
    CF288E Polo the Penguin and Lucky Numbers
    CF401D Roman and Numbers
    CF543D Road Improvement
    CF938F Erasing Substrings
    [AGC024E] Sequence Growing Hard
    CF261D Maxim and Increasing Subsequence
  • 原文地址:https://www.cnblogs.com/zyjzz/p/9788366.html
Copyright © 2011-2022 走看看