vue框架学习笔记1

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/vue@2.2.1/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样式而已

　　　　备注:v-if有更高的切换消耗,安全性高,v-show初始化消耗大一点,所以如果需要频繁切换并对安全性没有要求时,可以使用v-show.如果在运行时,条件不可能改变的话,使用v-if会更好一些
7.v-for
　　作用:控制html元素中的循环
　　语法:v-for='item in 集合'
8.v-on
　　作用:对页面事件进行绑定
　　语法:v-on:事件类型='监听器'
　　缩写:@事件类型='监听器'