記錄在vue中使用jsx時踩過的坑

使用方法及細節就不一一說了。

1.給input或者textarea綁定value時，出現失效的問題。解決方法：https://github.com/vuejs/babel-plugin-transform-vue-jsx/issues/84；

2.給input綁定disabled屬性時，出現時而有效時而有效的問題。解決方法同上，也是domPropsDisabled={this.disabled} (假如你定義了disabled的話)；

3.在封裝高階組件時，v-model出現問題！寫法如下：解決方法是加上了value={this.value}。后來在此組件中放棄了jsx的寫法。搞定！

render() {
    return (
      <z-input
        styles={this.styles}
        inputStyles={this.inputStyles}
        v-model={this.inputValue}
        value={this.value}//注意這里要加上value={this.value}，否則在輸入字母時會出現input組件中的value是inputEvent的問題！為什么？
        disabled={this.disabled}
        validate={this.validate}
        onInput={this.handleInput}
      >
        <div slot="prepend" onClick={this.minus}>
          -
        </div>
        <div slot="append" onClick={this.add}>+</div>
      </z-input>
    );
  },

4.其他待發現

5.能不用jsx就不用。