zoukankan      html  css  js  c++  java
  • vue 组件间传值方式

    /*

    父组件给子组件传值

    1.父组件调用子组件的时候 绑定动态属性
    <v-header :title="title"></v-header>

    2、在子组件里面通过 props接收父组件传过来的数据

    */


    /*
    父组件给子组件传值

    1.父组件调用子组件的时候 绑定动态属性
    <v-header :title="title"></v-header>

    2、在子组件里面通过 props接收父组件传过来的数据
    props:['title']

    props:{

    'title':String
    }

    3.直接在子组件里面使用

    父组件主动获取子组件的数据和方法:

    1.调用子组件的时候定义一个ref

    <v-header ref="header"></v-header>

    2.在父组件里面通过

    this.$refs.header.属性

    this.$refs.header.方法

    子组件主动获取父组件的数据和方法:


    this.$parent.数据

    this.$parent.方法

    */

    /*
    子组件主动获取父组件的数据和方法:


    this.$parent.数据

    this.$parent.方法


    */
    // alert(this.$parent.msg);

    //this.$parent.run();

    /*非父子组件传值
    1、新建一个js文件 然后引入vue组件  实例化vue 最后暴露这个实例

    import Vue from 'vue';

    var VueEvent = new Vue();

    export default VueEvent;


    2、在要广播的地方引入刚才定义的实例

    import VueEvent from '../model/VueEvent.js';


    3、通过 VueEmit.$emit('名称','数据')


    4、在接收收数据的地方通过 $om接收广播的数据
    VueEmit.$on('名称',function(){


    })


    */

  • 相关阅读:
    codec功能简介
    dtmf原理说明
    linux的vm.overcommit_memory的内存分配参数详解
    Hibernate与Sleep的区别
    简单的读写-simple_read_from_buffer
    linux delay sleep
    Linux系统上的popen()库函数
    Linux中popen函数的作用小结
    ulimit 命令详解
    LTE Cat1有什么用?基于4G LTE打造cat1,弥补NB-IoT和5G的空缺
  • 原文地址:https://www.cnblogs.com/jasonLiu2018/p/11070735.html
Copyright © 2011-2022 走看看