Vue學習筆記（一）

 Vue基礎語法

        v-bind 回應及更新ＤＯＭ特性

        ex.

            v-bind:href

            v-bind:class

            v-bind:title

        v-model 資料雙向綁定

        ex.

            input select text checkbox radio

        <input v-model=""message>

        v-for 迴圈指令 多次繪製元素或模組

        ex.

            <li v-for="(item,index) in todos"></li>

        v-on 用於監聽DOM事件 

        ex.

            v-on:click v-on:keycap

        v-html 更新元素的innerHTML   但不建議使用，容易遭受ＸＳＳ攻擊

        v-text 更新元素的textContent 

        ex.

            <span v-text="msg"></span>

            <span> {{msg}} </span>

        v-cloak 不需要運算式，指令保持在元素上

        ＊Cloak 和 CSS規則一起用時可以隱藏未編譯的<mustache>直到準備完畢

        <mustache>為. {{雙下班}}

        v-pre 不需要運算式，用於跳過元素及子元素的編譯過程，加快編譯速度

        ＊＊也可以用來顯示原始<mustache>標籤

        v-once 不需要運算式，只繪製元素或元件一次，繪製後元件 元素 子元素都會變成是靜態的