vue是一个MVVM的框架
M model
V view
MVVM model改变会影响视图view,view改变会影响model
双向数据绑定必须在表单里面使用
//我发现在谷歌浏览器翻译后的网页中vue的双向数据绑定不好用,暂时还没有解决方法
<h2>{{msg}}</h2>
<input type="text" v-model="msg"/>
在视图层中input框改变时会引起model中msg的变化,从而影响h2中所绑定的msg
定义方法、执行方法
v-on:click="方法"绑定事件或者简写成@click,方法在methods:{里面放方法} 中定义 //methods与data平级用,隔开
也可以通过点击事件去改变model影响view
ref dom节点
<input type="text" ref="userinof" />
<buttom v-on:click="getInputValue()">获取dom节点中的数据</buttom>
getInputValue(){
alert(this.$refs.userinof.value);//获取dom节点
}
获取dom节点通过原生操作dom节点
methods