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

相关推荐
zuozewei8 小时前
零基础 | 从零实现ReAct Agent:完整技术实现指南
前端·react.js·前端框架·智能体
白柚Y8 小时前
react的hooks
前端·javascript·react.js
vueTmp8 小时前
个人开发者系列-上线即“爆火”?那些掏空你 Cloudflare 额度的虚假繁荣
前端·nuxt.js
i7i8i9com8 小时前
React 19+Vite+TS学习基础-1
前端·学习·react.js
CHANG_THE_WORLD8 小时前
switch case 二分搜索风格
前端·数据库
我的golang之路果然有问题8 小时前
实习中遇到的 CORS 同源策略自己的理解分析
前端·javascript·vue·reactjs·同源策略·cors
Pony_188 小时前
面试 - web ui 自动化
前端·ui·自动化
EndingCoder8 小时前
接口基础:定义对象形状
linux·运维·前端·javascript·typescript
passerma8 小时前
解决qiankun框架子应用打包后css里的图片加载404失败问题
前端·微前端·qiankun
Aliex_git9 小时前
性能优化 - Vue 日常实践优化
前端·javascript·vue.js·笔记·学习·性能优化