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的两种写法

相关推荐
kvo7f2JTy3 分钟前
基于机器学习算法的web入侵检测系统设计与实现
前端·算法·机器学习
北风toto5 分钟前
前端CSS样式详细笔记
前端·css·笔记
nanfeiyan15 分钟前
git commit
前端
前端精髓3 小时前
移除 Effect 依赖
前端·javascript·react.js
码云之上3 小时前
从一个截图函数到一个 npm 包——pdf-snapshot 的诞生记
前端·node.js·github
码事漫谈3 小时前
AI提效,到底能强到什么程度?
前端·后端
IT_陈寒3 小时前
React hooks依赖数组这个坑差点把我埋了
前端·人工智能·后端
阿祖zu4 小时前
内容创作 AI 透明化声明倡议与项目开源
前端·后端·github
lpfasd1234 小时前
TypeScript + Cloudflare 全家桶部署项目全流程
前端·javascript·typescript
ZC跨境爬虫4 小时前
极验滑动验证码自动化实战:背景提取、缺口定位与Playwright滑动模拟
前端·爬虫·python·自动化