本文共 1196 字,大约阅读时间需要 3 分钟。
插值表达式 { {message}}
// 2.MVVM中View-Model层var vm=new Vue({ el:"#app",//告诉Vue实例解析哪个内容 data:{ //MVVM中Model层 message:"Hello Vue"//事件驱动:改变这里的值 页面的显示值也会改变 }});
{ {插值表达式}}
写在标签属性中)v-on 事件
v-on:click 简写@
clickv-bind 绑定;—后面的数值需要改变用绑定 简写:
;单向事件:绑定从模型到视图
v-model 双向事件绑定(input radio checkbox) —-获取form表单值
v-if & v-show 必须给它绑定布尔类型的model
v-if:为true时,创建dom;false时,dom元素被删除 v-show:为true时,dom元素创建出来,并显示出来(display:block);为false时,通过样式控制display:none,但dom元素还在;v-for 列表渲染 v-for="item in Arr"
,也可以用对象; 就地复用:把上一个复制,改变值变成下一个,所以应该带key,方便后续操作
:key="index"
转载地址:http://yoarn.baihongyu.com/