Vue组件 props
组件是Vue最强大的功能之一;组件化编程,允许我们使用小型,独立,通用的可复用型组件构建大型应用;任何页面都可以抽象为组件树; <!-- 组件需要注册后才能使用。 注册有全局注册和局部注册两种方式 全局注册: 全局: 局部注册: 局部: 注册后的组件只是在该作用域下有效 父组件正向的向子组件传递数据和参数 用 props props的值 可以是两种 1,字符串数组 props:['message'] 2,对象 props: {} props中的数据来自父元素。data中的数据来自组件自己的数据。 两种数据都可以在computed,methods,template中使用 单项数据流 父组件将改变后的数据传递给子组件,反过来是不行的。 业务中需要改变props的情况 1,父组件传递初始值进来,子组件将他作为初始值保存起来, 在自己的作用域下面随意修改和使用。 props:['msg'], data() { return { message: this.msg; } } 2,props作为需要被改变的原始值传入可以使用计算属性 props:['msg'], computed: { message() { return this.msg; } } 由于HTML 不区分大小写,当使用DOM模板时候。骆峰命名的props的名称 转为短横线分隔符 showText ==> show-text