1. 首页
  2. web前端
  3. Vue

vue怎么实现数据双向绑定

vue据双向绑定

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>vue</title>
<link rel=”stylesheet” href=”style.css”>
<script src=”https://cdn.jsdelivr.net/npm/vue”></script>

</head>
<body>
<!–vue-app是根容器–>
<div id=”vue-app”>
<h1>双向数据绑定 / input / select / textarea </h1>
<label >姓名:</label>
<input ref=”name” type=”text” v-model=”name”>

<span>{{name}}</span>

<label >年龄:</label>
<input ref=”age” type=”text” v-model=”age”>

<span>{{age}}</span>

</div>

<script src=”app.js”></script>

</body>
</html>

本文来自投稿,不代表 怪小克 立场,如若转载,请注明出处:https://wangchaoke.cn/?p=51

本站发布的内容若侵犯到您的权益,请邮件联系 860095347@qq.com 删除,我们将及时处理!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

860-095-347

在线咨询:点击这里给我发消息

邮件:860095347@@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code