Vue概念Vue是一个用于构建用户界面的渐进式框架。与其他大型框架不同,Vue被设计为自下而上逐层应用。Vue的核心库只专注于视图层,不仅易于使用,而且易于与第三方库或现有项目集成。另一方面,当与现代工具链和各种支持库相结合时,Vue也完全有能力为复杂的单页应用程序提供支持。学习vue必须要有扎实的前端基础知识,否则会相当吃力!!!MVVM框架与传统框架的区别在于Vue采用了最新的MVVM框架。它最大的特点就是我们本来是在页面上操作的,页面和页面中的数据是混合在一起的。MVVM框架体系引入了后端已经根深蒂固的分层思想,是对MVC架构的扩展,实现了数据和页面的分离。页面布局完成后,我们就只能对数据进行操作了。当数据发生变化时,页面上的内容会自动随之变化,不需要开发者开发专门的代码来改变,比如之前ajax技术实现的局部刷新。MVVM是一种设计思想,增强了早期的web前端开发,将前端代码按职责划分为三个部分:界面(View)部分:由html+css组成,允许在html中直接访问,css使用变量、表达式、语句等。模型部分(Model):一般是JSON格式的对象,用于存放视图中需要的数据和功能。视图模型(ViewModel):负责自动维护模型对象中的变量和界面中的变量的同步。因为ViewModel的存在,数据可以自动同步到界面,几乎避免了很多重复的编码!Vue设计思想(ObserverDesignPattern)观察者模式(Observer):常被称为发布-订阅者模式。它定义了一对多的依赖关系,即当一个对象的状态发生变化时,所有依赖它的对象都会得到通知并自动更新,解决了主体对象和观察者之间的功能耦合。Vue基本用法实例化Vue每个Vue应用程序都需要通过实例化Vue来实现。varvm=newVue({//option})对象参数el:绑定到指定的html标签(挂载点)data:绑定的数据和视图中的数据实现双向绑定(data)方法:bind方法绑定到视图(方法)中的事件方法mounted:表示在Dom完全加载时执行函数方法。模板语法插值最常见的数据绑定形式是使用{{...}}(双花括号) {{message}}
