VUE雙向綁定，以及表達式自增

 

 

在瀏覽器的控制台中進行數據的修改，頁面的內容會發生改變，就叫做響應式

　　　　　　<div v-text="msg"></div>
        @*v-model 是雙向綁定數據可以及時修改數據
        主要用於表單輸入域中
        *@
        <input type="text" v-model="num" name="name" value="" />

 

這里大家可以上手嘗試一下

--------------------修改數據，我們可以直接使用onclick進行一次簡單的表達式操作

@*直接使用表達式自增*@
        <input id="Button1" v-on:click="num++" type="button" value="事件綁定數值自增" />

這段代碼可以配合以上的代碼一起使用