美文网首页Vue学习笔记
vue学习笔记(一):搭建环境,父子组件

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

作者: smartHui | 来源:发表于2019-05-27 18:03 被阅读0次

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

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

    data() {

    return {

            msg:"hh"m

        }

    }

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

    子组件:使用props属性

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

    问题

    问题待解决:

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

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

    标志位

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

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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/muomvqtx.html