vue总结

1、设计模式（代码组织形式）：mvvm

m:model 既数据，数据源模型，界面所有的数据负责提供及管理

v:view 视图既静态页面

vm：数据和试图绑定

2、vue基本使用方法：

1）、引入js文件

2）在页面放置一个div容器#app

3）创建vue对象，

4)在界面div中使用vue对象中的数据

3、vue指令

1）、{{ }}  差值表达式，可以直接使用data属性中的属性

2）、v-on：也可以简写为@

v-on提供的修饰符：

.stop   阻止冒泡，阻止默认行为

.prevent   阻止默认行为

3）v-text与v-html的区别：被插入的内容都会被当做 HTML,但是对于没有HTML标签的数据绑定时作用同v-text和{{}}

4）v-cloak：解决表达式闪烁问题，配合display: none使用

5）v-model双向数据绑定

6）v-bind，可以简写为：

作用：可以给html元素或者组件动态地绑定一个或多个特性，例如动态绑定style和class

7）v-for：循环遍历

为数组索引指定别名（或者用于对象的键）

track-by="$index"用来标记dom对象的唯一性这是vue1.0中的写法，2.0中改为：key="index";

8)v-if和v-show的总结：

v-if 和v-show 都能够实现对一个元素的隐藏和显示操作,但是v-if 是将这个元素添加或者移除到dom中，而v-show是在这个元素上添加 style="display:none"和移除它来控制元素的显示和隐藏的