Vue JS 学習記録05

#テンプレート公文
下記の種類がある
##v-onece
実現したいこと
初回だけテンプレートを評価し、それ以降は静的なコンテンツとして扱う
”’HTML

{{message}}

”’

”’js
var app = new Vue({
//options
el: ‘#app’,
data: {
message: “hello2″
},
methods:{
clickHandler:function(event){
this.message = this.message.split(”).reverse().join(”)
}
}
})

”’

##v-pre
###実現したいこと
要素とすべての雇用そのコンパイルをスキップしたい
###コンナ時に使う
・生のスタッシュタグを表示したい時
・XSS対策
・大量のノードをスキップすることでコンパイルのスピードを上げる
”’

{{message}}

”’
”’
var app = new Vue({
//options
el: ‘#app’,
data: {
message: “hello”
}
})

”’

##v-html
###実現したいこと
プレーンなHTMLを挿入したい

###コンナ時に使う
XSS対策

”’
”’
”’
”’

##v-cloak
###実現したいこと

###コンナ時に使う

”’
”’
”’
”’