5.OnChanges钩子

在父组件初始化或修改子组件的参数时调用,为了理解这个方法为什么会调用,要理解可变对象不可变对象,字符串是不可变的, 当字符串创建,值不会改变;对象实例属性变化了,也会一直保存在固定的内存了i

1.第二次greeting赋值改变的是内存地址2.user变量本身仍然保持在被创建时的内存地址,改的是内存地址对象的内容。内存地址没有变。

演示OnChanges方法

1.ng g component chat

2.chat组件声明三个属性,(两个输入类型,普通的message)

3.chat.html子组件模板

child加一个背景颜色样式

4.chat组件实现这个方法

                               JSON.stringify(changes,null,2)转成json格式,使用两个空格缩进:                                                                 JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。

5.父组件app需要给子组件传刚才两个输入属性,所以在父组件也得声明刚才两个属性。

效果:

解析:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 34,550评论 18 399
  • 一、Java 简介 Java是由Sun Microsystems公司于1995年5月推出的Java面向对象程序设计...
    子非鱼_t_阅读 4,513评论 1 44
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,653评论 0 4
  • 不要骗我喔 妈妈说 女生是很会骗人的 所以 不要骗我哦 骗了我 也不要叫我发现 不然 会死人的呐 ——所以 我有时...
    时辰木鱼阅读 192评论 0 1
  • 前述文章中,我们说了如何去选择一个合适的经营种类。把我看到的坑和大家做了一个分享。 经营种类的选择往往有很多的自主...
    风女子_Wendy阅读 1,603评论 2 10

友情链接更多精彩内容