勉強するjs心得

644 ワード

作成時間2017-2-7
vue.jsの作成方式はhtml形式でテンプレート(要素/ラベル)を呼び出し、この中のテンプレートはtemplateのxml形式でもjavascriptコードでもよい.
コンポーネント間の通信:
親子コンポーネント間:
親コンポーネントデータサブコンポーネントで使用:propsプロパティを使用;サブコンポーネントが親コンポーネントに情報を渡すにはeventsを使用して、サブコンポーネントの実行方法をリスニングし、親コンポーネントを実行する方法です.
親コンポーネントでのサブコンポーネントの取得:refプロパティjsコード:parent.$refs.a;また、slot、parent.$slots.b等.
親子関係以外のコンポーネントも通信する必要がある場合があります
var bus =
new Vue()
//コンポーネントAのイベントのトリガー
bus.$emit(
'id-selected',
1)
//コンポーネントBが作成したフックでイベントを傍受する
bus.$on(
'id-selected',
function (id) {
//...
})
より複雑な状況では、専門的なステータス管理モードを使用することを考慮する必要があります.