单项数据流

什么是单向数据流?

数据从父组件传递给子组件,只能单向绑定。在子组件内部不应该修改父组件传递过来的数据。

子组件不能直接修改由父组件传递过来的数据

子组件修改父组件传递过来的数据的两种方式:

1,子组件通过data修改父组件传递过来的数据,把传递过来的数据作为data中局部数据的初始值使用:

2,子组件通过computed计算属性来修改父组件传递过来的数据

如何在子组件改变属性值的时候,父组件也同步修改?

props验证

组件可以为props指定验证要求,如果未通过验证要求,Vue会发出警告

propsA:Number(指定类型)

propsB:[Number, String](多种类型)

propsC:{type: String, required: true}(必传值,且为字符串)

propsD:{type:Number, default: 100} (字符串类型,默认值为100)

propsE:{type: Number, default: function() {return 1000}}

自定义验证规则:

propsF:{validator: function(value){return value>10}}

验证类型为原生构造器:String,Number,Function,Object,Boolean,Array

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,991评论 19 139
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,551评论 0 17
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,769评论 18 399
  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 5,082评论 0 29
  • 一 回老家后,听说四舅的大儿志友老表中风住院,今天去看他。 来到胜利医院住院部,大舅名下的老表和四舅的细儿以及几个...
    肖建东阅读 230评论 0 0