vue1-2:MVVM
M:Model 数据模型, 负责数据存储
V:View 视图, 负责页面的显示
VM:View Model 负责业务处理, 对数据进行加工, 之后交给视图
下载地址:
vue:1-3:Vue 常见指令介绍上
1. 插值表达式
{{}}
当模型中的数据改变时, 那么视图中的数据也相应发生改变
2.v-text
将一个变量的值渲染到指定的元素中
3.v-html
可以真正输出 HTML 元素
4.v-model
实现数据双向绑定
5.v-bind
绑定页面中元素的属性
6.v-if 和 v-show
v-if:
作用: 判断是否加载固定的内容, 如果是 true 就加载, 如果是 false 就不加载
语法: v-if='布尔表达式'
v-show:
作用: 判断是否显示内容
语法: v-show='布尔表达式'
v-if 和 v-show 相同点和不同点
相同点: 都可以实现对于一个元素的显示和隐藏操作
不同点: v-if 是将元素移出 dom 树模型中, v-show 只是在这个属性上添加 display:none 样式而已
来源: http://www.bubuko.com/infodetail-3045955.html