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