vue学习笔记-常用指令01

vue2.0 官网地址：

https://cn.vuejs.org/

vue常见指令：

v-if 和 v-show 的区别：

相同点：

都可以控制元素是否显示。

不同点：

v-if 如果为 false ，直接不进行渲染，页面没有该元素。标签也不存在，为真则标签会存在。
v-show 如果为 false ， 页面中有这个元素，区别在于它的 display 属性值为 none。 

v-bind 和 v-model 的区别 （需懂 MVVM 概念）：

先解释一下 MVVM 的概念，为后续的理解做一些铺垫：

M（Model）：数据
V （View）：视图
VM （ViewModel）：视图数据，相当于桥梁，起连接数据和视图的作用。

不同点：

v-bind 
	model 数据的改变会让视图的数据跟着变， 视图数据的改变不会影响 Model 的数据。
v-model
	model 数据的改变会让视图的数据跟着变， 视图数据的改变也会让 Model 的数据跟着变。