vue-props-data的区别和应用

  data其实不必多说,data是当前组件保存数据的地方,既可以用上template,也可以在mehtods,生命周期方法等等;而props相信大家是在父组件给子组件进行传递数据时认识的 ,一般我们会给子组件定义props,那么当前组件(父组件)在使用该子组件的时候,可以把父组件的data数据设置给自子组件的props中的属性

  我使用过一段时间的props和data了,我发现这两个特别相似,在同一个组件里面,在template和mehtod以及很多周期方法都可以使用这两者的值。

  进行了一个小测验,发现data是可以使用props数据的,但 props是不能用data数据的。

  然后在使用场景上:

    data:一般当前组件要用到数据的地方,都建议到data数据进行获取。

    props:用在父组件给子组件传递数据时使用,尽量将props赋值给data,让当前组件去获取data,不要直接用props,虽然可以,但建议规范点。

posted @ 2021-04-02 15:06  爱编程DE文兄  阅读(463)  评论(0编辑  收藏  举报