4、数据绑定

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/vue.js"></script>
</head>
<body>
 
   
<div id="root">
   单向绑定 <input type="text" v-bind:value="msg">  <br/>
   双向绑定 <input type="text" v-model:value="dd">
</div>
 
     
    <script>
        Vue.config.productionTip = false //设置为 false 以阻止 vue 在启动时生成生产提示
   
        new Vue({
            el:"#root",
            data:{
                    msg:"jmj",
                    dd:"lzl"

            }


        })
  
   
   
   </script>
    
</body>
</html>

_el与data的两种写法

相关推荐
恋猫de小郭20 小时前
Flutter 小技巧之帮网友理解 SliverConstraints overlap
android·前端·flutter
小oo呆20 小时前
【自然语言处理与大模型】LangChainV1.0入门指南:核心组件Structured Output
前端·javascript·easyui
Mapmost20 小时前
【高斯泼溅】3DGS城市模型从“硬盘杀手”到“轻盈舞者”?看我们如何实现14倍压缩
前端
AC赳赳老秦20 小时前
农业智能化:DeepSeek赋能土壤与气象数据分析,精准预测病虫害,守护丰收希望
java·前端·mongodb·elasticsearch·html·memcache·deepseek
囊中之锥.20 小时前
《HTML 网页构造指南:从基础结构到实用标签》
前端·html
饼饼饼20 小时前
从 0 到 1:前端 CI/CD 实战(第二篇:用Docker 部署 GitLab)
前端·自动化运维
qq_4061761420 小时前
JavaScript的同步与异步
前端·网络·tcp/ip·ajax·okhttp
beckyyy21 小时前
ant design vue Table根据数据合并单元格
前端·ant design
用户81686947472521 小时前
Commit 阶段的 3 个子阶段与副作用执行全解析
前端·react.js
岭子笑笑21 小时前
Vant4图片懒加载源码解析(一)
前端