vue1-2:MVVM
M:Model 数据模型,负责数据存储
V:View 视图,负责页面的显示
VM:View Model 负责业务处理,对数据进行加工,之后交给视图
下载地址:
<!--中文官网:https://cn.vueis.ors/-->
<!--vue1源码:http://v1-cn.vuejs.org/js/vue.js-->
<!--vue2源码:http://unpkg.com/[email protected]/dist/vue.js-->
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样式而已