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

相关推荐
xhxxx21 分钟前
AI打字机的秘密:一个 buffer 如何让机器学会“慢慢说话”
前端·vue.js·openai
韩曙亮26 分钟前
【Web APIs】BOM 浏览器对象模型 ⑥ ( location 对象 | location 常用属性和方法 | URL 简介 )
前端·javascript·dom·url·bom·location·浏览器对象模型
用户214118326360226 分钟前
CC-Switch配置切换神器:5秒搞定多设备同步,坚果云让配置永不丢失
前端
勤奋的懒洋洋35036 分钟前
前端实现多个图片打包下载
前端
豐儀麟阁贵1 小时前
9.5格式化字符串
java·开发语言·前端·面试
春生野草1 小时前
Ruoyi前端基于vue的脚手架的目录解析
前端·javascript·vue.js
m0_740043731 小时前
Axios拦截器 -- 请求拦截器和响应拦截器
开发语言·前端·javascript
不会代码的小猴2 小时前
C++的第十一天笔记
java·前端·jvm
风止何安啊2 小时前
递归 VS 动态规划:从 “无限套娃计算器” 到 “积木式解题神器”
前端·javascript·算法
ohyeah2 小时前
使用 Vue 3 实现大模型流式输出:从零搭建一个简易对话 Demo
前端·vue.js·openai