怎样将写入到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:'你好吖渣渣'
            }
        })

猜你喜欢

转载自www.cnblogs.com/a973692898/p/11703110.html