vue中关于$emit及propos的用法

一:父组件可以使用propos把数据传递给子组件。

  1. 父组件:在父组件中的子组件标签中,通过父组件给子组件传递函数类型的props实现:子给父传递数据如:
  2. 子组件:在子组件中接收App传来的getSchoolName
  3. 子组件:在子组件中调用App传来的getSchoolName(这里以传递name为例)

二:子组件可以使用 $emit,让父组件监听到自定义事件 。

  1. 父组件:在父组件中的子组件标签中给子组件绑定一个自定义事件实现,子给父传递数据(第一种写法,使用@或v-on)
  2. 父组件:绑定自定义事件
  3. 子组件:在子组件中,触发子(这里以student为例)组件实例身上的atguigu事件

vue中关于$emit及propos的用法相关推荐

  1. vue中关于$emit和.sync的用法

    父组件可以使用props 把数据传给子组件. 子组件可以使用 $emit触发父组件的自定义事件 而vue中对$emit的定义如下: 触发当前实例上的事件.附加参数都会传给监听器回调. vm.$emit ...

  2. 在vue中 storge 和vuex使用的用法区别

    在vue中 storge 和vuex使用的用法区别 1.联动性:storge对于属性的改变不能触发其他页面的改动 storage: 存取login之后就不会改变的信息,比如userId, isAdmi ...

  3. vue中 关于$emit的用法

    1.父组件可以使用 props 把数据传给子组件. 2.子组件可以使用 $emit 触发父组件的自定义事件. vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( e ...

  4. 前端学习(2463):vue中 关于$emit的用法

  5. Vue中的export和export default{}用法

    目录 一.export 的使用 二.export default 的使用 三.两者之间的区别 区别 1: 区别 2: 区别 3:  在JavaScript ES6中,export 与 export d ...

  6. Vue中message.split().reverse().join()函数用法

    1.split('') 把一个字符串分割成字符串数组 把数据拆分为一个数组,括号里的' '是把数据拆分为每个字符串 2.reverse() 颠倒数组中元素的顺序 只作用于数组,跟在split('')后 ...

  7. vue 中的 ... (三个点的用法)

    ... 是扩展运算符. 扩展语法.对数组和对象而言,就是将运算符后面的变量里东西每一项拆下来. 这个东西可以在函数定义的地方使用,比如使用func(...args)将函数传入的参数都放到args数组里 ...

  8. ant design vue input change_vue中关于$emit用法的笔记

    在 index.html 中引用了 input.vue 中的 <g-input>,如下 1.index.html <div id="app"><g-i ...

  9. vue中el-radio-group点击事件,双击取消

    vue中el-radio-group点击事件 普通用法 需要实现双击取消 普通用法 需要注意,如果@change事件除了当前选中的单选按钮的label值,还需要带上另外的参数,则需要用event来代替 ...

最新文章

  1. PoE供电中功率损耗问题
  2. Scala中val, lazy, def的区别
  3. 基于React Native和Ethers.js的电子钱包(三):Ethers.js
  4. why my employee binding does not work - important MVC debug
  5. 怎么用源程序把ChemDraw结构复制到Word文档
  6. 统计iOS项目代码行数
  7. 贪心 Codeforces Round #273 (Div. 2) C. Table Decorations
  8. Url解码,兼容utf-8和gb2312
  9. 阶段1 语言基础+高级_1-2 -面向对象和封装_1面向对象思想的概述
  10. PHP从入门到精通学习路线图
  11. 动词ing基本用法_动词-ing的形式及用法
  12. 统计学基础4-随机变量及分布
  13. 腾讯企鹅辅导 H5 性能极致优化
  14. 大数据技术原理与应用第10讲:Spark
  15. antd Table 列hover高亮
  16. UVa 10115 自动编辑
  17. DELL D630 for Win2003 声卡驱动
  18. flash咋导入歌曲html,使用html为flash页面添加音乐
  19. 动态代理模式newProxyInstance及invoke方法参数详解
  20. 联想持续发力AIoT智能物联,构建新基建时代下的行业新引擎

热门文章

  1. office 打开wps乱_wps文档用word打开排版不对怎么办
  2. 8种开源的ETL工具
  3. 2019人工智能企业100强
  4. 一本通 P1486 【黑暗城堡】
  5. SVPWM的一些参数
  6. 【前端优化】超详细!带你体验常用的前端优化手段
  7. 【狂神说】Spring Cloud
  8. je学习笔记一:jsp页面
  9. uni-app 微信小程序接入高德SDK
  10. 学生成绩表的常用查询