码迷,mamicode.com
首页 > 其他好文 > 详细

VUE 入坑系列 一 双向绑定

时间:2018-09-13 18:39:11      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:var   str   gif   sed   分享   变化   src   mod   说明   

html代码
技术分享图片
<div id="app">
    <p>{{message}}</p>
    <span>message1</span> <input v-model="message">
    <span>message2</span> <input v-model="message">
 </div> 
View Code
javascript代码
技术分享图片
var vm = new Vue({
  el: "#app",
  data: {
    message: ‘‘
  },
  methods: {}
});
View Code

说明

1) v-model 是用在表单中的指令

2) 双向绑定:都是指的是类似input这样的,自带change事件的表单项目

3) p标签中的message发生了变化,input的value的变化改变了message,从而使视图发生了相应的变化。

VUE 入坑系列 一 双向绑定

标签:var   str   gif   sed   分享   变化   src   mod   说明   

原文地址:https://www.cnblogs.com/dahuo/p/9641985.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!