小程序父组件向子组件传值？

Question

goodsPrice 是父组件接收到的数据，想把 goodsPrice 传到子组件priceStyle里

<i-priceStyle priceInt="{{goodsPrice}}" priceFloat="{{goodsPrice}}"></i-priceStyle>

子组件priceStyle.js

`methods: {

/**
 * 
 */
test(e) {
  String.prototype.moneyFormat = function (returnArr) {
    parts = this.replace(',', '').split('.')
    parts[1] = (parts[1] = parts[1] || '00') + (parts[1].length < 2 ? '0' : '')
    return returnArr ? parts : parts.join('.')
  };
  Number.prototype.moneyFormat = function (returnArr) {
    return this.toString().moneyFormat(returnArr)
  };

  var price = this.data.goodsPrice
  price = price.moneyFormat(1)

  this.setData({
    priceInt: parts[0],
    priceFloat: parts[1]
  })
}

}`

子组件priceStyle.wxml

<view class="price"><sub>￥</sub>{{priceInt}}<sub>.{{priceFloat}}</sub></view>

现在子组件接收不到父组件传过来的“goodsPrice”值。

Answer 1

微信小程序开发文档-Component。
文档里描述的 Compoennt 第一个参数就是 properties ，描述了组件如何接受外部参数，官方文档示例：

properties: {
    myProperty: { // 属性名
      type: String,
      value: ''
    },
    myProperty2: String // 简化的定义方式
  }