怎样将写入到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:'你好吖渣渣'
            }
        })
posted @   大云之下  阅读(2207)  评论(2编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
大云之下
欢迎阅读『怎样将写入到input框中的数据显示到页面上』
点击右上角即可分享
微信分享提示