vue.js——props

vue.js——props
親コンポーネントからサブアセンブリにデータを転送する場合、コンポーネント間のスコープは独立しているので、親コンポーネントがサブアセンブリにデータを転送する場合は、まず親コンポーネントに属性の形を書きます.属性名は伝達の名前です.属性値はサブアセンブリに渡す値です.HTML特性は大文字と小文字を区別しないので、属性値はkebab-caseと書く必要があります.(短横線で仕切られている)サブアセンブリのpropsをcamelCaseと書く.以下の通りである.

サブアセンブリ

  props:['myMessage'],
  template:'<span>{{ myMessage }}span>'
})

親コンポーネント
動的propsは、親コンポーネントによって渡された値の前にv-bindまたは':'を付けて ， 1 ，

, v-bind， 1 ，prop ， prop prop ， 。

props

---

と く.


＜div class=「col-md-3」＞
＜div class=「row」id=「ad」＞

＜div id=「right-1」class=「col-lg-12 col-sm-4 col-xs-4 ad」


＜div id=「right-2」class=「col-lg-12 col-sm-4 col-xs-4 ad」


＜div id=「right-3」class=「col-lg-12 col-sm-4 col-xs-4 ad」