Vue.js学习---vue概念理解No.1

来源:互联网 发布:js 相对路径 绝对路径 编辑:程序博客网 时间:2024/05/29 16:35

最近入职一家新公司,在这个公司使用了前端Vue框架,正在进行学习,并做了一下整理。这篇文章大概了解了一下Vue,大家可以一起来看一下。

1.Vue是什么?

构建用户界面的渐进式框架 、只关注视图层(view

2.Vue中两个核心点

响应的数据绑定:当数据发生改变-->自动更新视图

组合的视图组件:ui页面映射为组件树、划分组件可维护、可重用、可测试。(类似于堆积木)

3.虚拟DOM

运行js速度很快,大量操作DOM就很慢。

为了避免资源浪费,防止重复渲染DOM节点。利用在内存中生成与真实DOM与之对应的数据结构,在这个内存中生成的结构称之为虚拟DOM。当数据发生变化,能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上。

4.MVVM模式

MModel数据模型

V:视图模板

Vm: view-Model视图模型(绑定、监听。。。)

5.vue实例

每一个应用都是Vue这个构造函数创建根实例(root instance)启动new Vue(选项对象)

需要传入选项对象,对象包含挂在元素,数据,模板,方法等。

el:挂载元素选择器

data:代理数据

methods:定义方法

。。。

具体需要查看api

原创粉丝点击