V-指令編

v-先頭はコマンド

    <script>
        //    Vue           Vue       
        //      ，          
        var app = new Vue({
            el:"#app", //             DOM      Vue        ,    CSS     html  
            data: {    //Vue       ，Vue    data       getter/setter，  data          。data     !
                message: '      ' + new Date().toLocaleString()
            }
        })
    script>

オリジナルのHTML
v-html
カッコは、HTMLコードではなく通常のテキストとしてデータを解釈します.本物のHTMLを出力するには、v-htmlコマンドを使用する必要があります.

<p>Using mustaches: {{ rawHtml }}p>
<p>Using v-html directive: <span v-html="rawHtml">span>p>

v-bindバインドデータ
1つ以上のプロパティ、または1つのコンポーネントpropを式に動的にバインドします.
v-modelフォームデータ双方向バインド
v-modelは、すべてのフォーム要素のvalue、checked、selectedプロパティの初期値を無視し、常にVueインスタンスのデータをデータソースとして使用します.JavaScriptでコンポーネントのdataオプションに初期値を宣言する必要があります.
v-forループループ
v-show表示と非表示
domから要素display noneは削除されません.
v-if表示または非表示
dom要素から削除
v-onイベントバインド

#     
    .stop:     event.stopPropagation()         ，     documen   。
    .prevent:     event.preventDefault()         ，       ，             。
    .capture:  capture         。
    .self:                    。

    #     
    <input v-on:keyup.13="submit"/>
            submit  (   keycode  13)，                    
    "submit"    ，  :enter,tab,delete。
    
    > $emit                                  
    >.native       
      ："onClick">

v-text類似el.innerText
v-html類似el.innerHtml
v-classクラス名
v-style原生style
v-onceイベントは1回のみバインド
v-cloak点滅防止
v-pre変異という元素とサブ元素をスキップ
v-else-if
v-else
Vue.extend()サブアセンブリの構築