Vue.js

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue.js相关的知识,希望对你有一定的参考价值。

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的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js快速入门

什么是Vue.js

Vue.js系列一

走进Vue.js

vue学习

Vue.js响应式原理