Vue是一个构建数据驱动的Web界面的渐进式框架,Vue 的核心库只关注视图层
Vue.js的目标是通过尽可能简单的API来实现响应的数据绑定和组合的视图组件
另一方面,当与单文件组件和Vue生态系统支持的库结合使用时,Vue也完全能够为复杂的单页应用程序提供驱动
官方网站:vuejs.org
1、构建用户界面的渐进式框架
只关注视图层(View)
2、两个核心点
响应的数据绑定,组合的视图组件
3、虚拟DOM
运行js的速度是很快的,大量的操作DOM就会很慢。
时常在更新数据后会重新渲染页面,这样造成在没有改变数据的地方也重新渲染了DOM节点,这样就造成了很大程度上的资源浪费
利用在内存中生成与真实DOM与之对应的数据结构,这个在内存中生成的结构称之为虚拟DOM
当数据发生变化时,能够智能地计算出重新渲染组建的最小代价并应用到DOM操作上
4、MVVM模式
M:Model数据模型
V:view视图模板
VM:view-Model视图模型
5、Vue实例
每一个应用都是通过Vue这个构造函数创建根实例(root instance)启动
new Vue(选项对象)
需要传入选项对象,对象包含挂载元素,数据,模板、方法等
el:挂载元素选择器 string|htmlElement
data:代理数据 Object|Funtion
methods:定义方法 Object
6、声明式渲染
Vue.js的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进DOM的系统
声明式:只需要声明在哪里(where)做什么(what),而无需关系如何实现(how)
命令式:需要以具体代码表达在哪里(where)做什么(what),如何实现(how)
7、指令
8、模板