zoukankan      html  css  js  c++  java
  • Vue 父子组件间的传值

    vue使用中,经常会用到组件,好处是:

    1、如果有一个功能很多地方都会用到,写成一个组件就不用重复写这个功能了;
    2、页面内容会简洁一些;方便管控;
    子组件的传值是通过props来传递数据,$emit来触发事件;

    父传子

    下面是一个简单的子组件props传值:

    父组件的部分:

    首先引入组件,在组件上绑定你要传给组件的值;

    子组件部分:


    然后,在组件里通过props来接收你从父页面传过来的值;so,父组件把值传给子组件就完成了;

    显示结果

    下面是一个子组件在把值传给父组件的例子,用$emit:

    父组件部分:


    子组件部分


    先是change监听input值的变化,通过 change监听input值的变化,通过change监听input值的变化,通过emit来连接父组件和子组件之间的事件;transferUser是在父组件连接事件的名称,后面跟上返回的数据;然后在父组件通过getUser获取数据,就这样子传父的过程就完成了

    显示结果

  • 相关阅读:
    C++中的深拷贝和浅拷贝构造函数
    C++中构造函数的手动和自动调用方式
    C++中的构造函数
    P1709 [USACO5.5]隐藏口令Hidden Password
    [TJOI2007]segment
    11.28
    1565
    某数学题1
    某模拟题
    某看起来会做的数据结构题
  • 原文地址:https://www.cnblogs.com/hellogmy/p/12910265.html
Copyright © 2011-2022 走看看