Vue.js笔记本

Vue.js 測試的pen:

 

要給Vue的component一些動態資料的話,就給它挖個洞,讓它能接受自己定義的屬性(props)

【directive】
Directives are prefixed with v- to indicate that they are special attributes provided by Vue.

v-for
used for displaying a list of items using the data from an Array

v-if=”seen”
如果seen是true的話,這個元件就是可見的

v-bind:xxx=”xxxx”
可以綁定為vue裡的資料,例如

v-bind:title="message"

v-on:click=”methodName”
绑定点击功能

v-model
感覺就像是一個model,原型,資料的來源,大家要跟從牠(因為是model,偶像,可以查查這個英文單字,它也有模範的意思。)可以綁在input上。

v-once
值是固定的,以後不會再變了,例:

<span v-once>This will never change: {{ msg }}</span>

v-html=”xxxx”
若要打html的時候,可以利用這個引擎
xxxx是自己定義的html