vue学习笔记(一):搭建环境,父子组件

1、data必须是一个函数,防止多个组件实例共享一份数据。虽然属性默认值,我们不应该去修改它,但实际上,有些人会这么做

一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝

data() {

return {

        msg:"hh"m

    }

}

2、父组件引入子组件,并且有components

子组件:使用props属性

3、props通常使用对象的写法,有利于维护。可以自定义校验,默认值


问题

问题待解决:

1、子组件为什么不能修改父组件传递的prop:  主要还是一个单向数据流的问题,要保证数据的更新都是从顶层往下层流动

2、如果修改了,Vue是如何监控到属性的修改并给出警告的 Object.defineProperty


标志位

如果属性是通过父组件修改的话,标志位不会走到报错这个逻辑。但如果是子组件直接修改的话,会提示报错。、

3、this.$emit的返回值是this,需要返回值可以使用回调参数

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

相关阅读更多精彩内容

  • 作为一个合格的开发者,不要只满足于编写了可以运行的代码。而要了解代码背后的工作原理;不要只满足于自己的程序...
    六个周阅读 8,697评论 1 33
  • 组件(Component)是Vue.js最核心的功能,也是整个架构设计最精彩的地方,当然也是最难掌握的。...
    六个周阅读 5,817评论 0 32
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,655评论 0 25
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,200评论 0 29
  • 小时候,过年是一件多么令人期盼又激动人心的事! 腊月二十几,就开始各种忙活(主要是妈妈,我们打打下手) 扫尘,晾晒...
    小黄爷阅读 211评论 0 0

友情链接更多精彩内容