初识vue

第一节：初始Vue
1.什么Vue框架？
采用MVVM模式
MVVM模式：是在MVC上发展的

MVC模式（设计模式，前后端均有）：
M->model->模式->数据（js变量）
V->View->视图->用户所见界面（HTML，css）
C->control->控制器->事件交互->通过DOM对象绑定事件，将变量进行修改

2.关于框架
（1）提高开发效率的发展历程：
原生js->Jquery之类的类库->前端模板引擎->Vue.js/Angular.js/React.js（能够帮助我们减少不必要的DOM操作；提高渲染效率，双向数据绑定的概念）
（2）在Vue中，核心概念：数据驱动，避免手动操作DOM操作
（3）框架是一套完整的解决方案，对项目入侵比较大，如果项目需要换框架，则需要重新编码
3.前端的各种框架
（1）Vue和react的相同点：
Vue在国内受欢迎，react在国外受欢迎，适合大型网站。
（2）什么是虚拟DOM
创建类似DOM的对象，去拼接对象，拼接完整后，把数据整体解析，一次性插入到HTML中，其中Vue1.0没有虚拟DOM。
4.创建简单vue框架：

第二节：条件渲染
1.v-if：
根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。如果元素是true，将提出它的内容作为条件块。 当条件变化时该指令触发过渡效果。
2.v-else：
必须紧跟v-if当v-if的值为false时，则会显示元素后面的内容
3.v-else-if:
可以实现多个v-if操作，
4.v-show
根据表达式之真假值，切换元素的 display CSS 属性。 当条件变化时该指令触发过渡效果。
5.v-if和v-show的不同：
v-if:不显示时，第一次就直接不渲染，如果内容已经显示将改为不显示，将内容直接从DOM去除，只需要渲染1次的内容就使用v-if
​ v-show：不显示时，就会改为display：none，但是会渲染在DOM上，反复需要切换内容，使用v-show