首页 > Web开发 > 详细

Vue.js

时间:2017-12-13 19:03:36      阅读:187      评论:0      收藏:0      [点我收藏+]

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、模板

Vue.js

原文:http://www.cnblogs.com/wuxiangfeng/p/8033798.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!