Vue Learning 1 -- {} と vue data
## ref
11m50s
## ブラケットの展開
´´´
div app
{{ title }}
div
´´´
と言う app の id をつけた html を書いて
´´´
const app = {...
data
return
title = 'hoge'
}
´´´
vue で仕込める
## クリックで関数発火
v-on:click = functionName
または
@click = でも
で関数や式をしこめる
## マウスの重なりを検知
同じように @mouseover や @mouseleave を仕込むことでそこからイベントを飛ばせる
これを 今度は vue の data ではなく methods の欄でhandleEvent などの名前をつけた関数に渡せる。
それを vue 側から handleEvent(e) などと受け取り、clientX や clientY を取得する
e.type で double click なども検知できる。
## v-if と v-for で計算
ある場合に v-if
展開するとかに v-for が使える
