程序博客网 > 网络棋牌推广违法吗

Vue.js学习系列（二十）--常用指令（三）

来源：互联网发布：网络棋牌推广违法吗编辑：程序博客网时间：2024/05/22 14:43

3.v-model实现双向绑定

此指令用于表单元素上，例如常见的input，select，textarea，radio，

checkbox等。，所谓双向绑定，指的就是我们在js中的vue实例中的

data与其渲染的dom元素上的内容保持一致，两者无论谁被改变，

另一方也会相应的更新为相同的数据。这是通过设置属性访问器实现的

示例：

在 input 输入框中我们可以使用 v-model 指令来实现双向数据绑定：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<script src="src/vue.min.js"></script>

</head>

<body>

<div id="app">

<p>{{message}}</p>

<input v-model="message">

</div>

<script type="text/javascript">

new Vue({

el:"#app",

data:{

message:"姓名"

}

})

</script>

</body>

</html>

在p标签的内容，也显示在文本框中

0 0

网络棋牌推广违法吗

网络棋牌推广违法吗

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子厦门工资水平厦门哪个省市厦门特产有哪些厦门机场到鼓浪屿厦门情侣必去景点厦门的旅游线路厦门鼓浪屿花店厦门游要多少钱广州出发厦门游厦门鼓浪屿青旅厦门app开发公司武夷山厦门五日游去厦门的旅游团去厦门旅游线路厦门姜母鸭培训厦门鼓浪屿摄影厦门的旅游路线厦门鼓浪屿影楼厦门出发的邮轮厦门旅游团电话厦门武夷山自助游厦门旅游注意事项厦门哪家婚纱好厦门钢结构公司厦门旅游线路图厦门有哪些驾校福建厦门一日游厦门甲级写字楼厦门2日游路线厦门移动号码卡厦门外景婚纱照厦门黄鹤楼团购厦门复印机维修厦门高端写字楼厦门手提袋印刷厦门跟团多少钱厦门现场招聘会厦门批发市场厦门零首付购车厦门拍的婚纱照厦门环岛路宾馆