怎樣將寫入到input框中的數據顯示到頁面上


我自己剛剛學的vue框架,發現一個比較實用的小功能

那就是vue框架中的  v-model 

為啥說實用呢?我個人認為vue的這個將輸入到<input>標簽的內容顯示到頁面上是比較簡單的,但是只要發在同一個<div>下就可以做到,很方便很實用

<div id="app5">
            <div>
            <p style="font-size: 40px;">{{message}}</p>
            </div>
            <input class="ass" v-model="message" value="a" />
        </div>

像這種,只要在id=app5下,就可以做到,那么 可以理解為在這個模塊里,我們可以將他們分開放,只需要保證在id=app5下邊就可以了,

js代碼:

var app5 = new Vue({
            el:'#app5',
            data:{
                message:'你好吖渣渣'
            }
        })


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM