码迷,mamicode.com
首页 > 其他好文 > 详细

Vue

时间:2020-01-26 14:36:21      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:bsp   png   visual   数据   专注   实现   compute   机制   studio   

Visual Studio Code官网下载:https://code.visualstudio.com/

Vue官方文档:https://cn.vuejs.org

1. Vue是什么?

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

 

2. Vue的作用?

 

a: 解决数据绑定的问题。

 

b: vue框架产生的主要目的是为了开发大型单页面应用。

 

c: 它还支持组件化,也就是可以将页面封装成若干个组件,采用积木式进行编程,这样使页面复用性达到最高(支持组件化)。

VueJs的特性:MVVM模式(数据变量(model)发生改变 视图(view)也改变, 视图(view)改变,数据变量(model)也发生改变)

 

3. Vue的特点?

【1】只专注于视图层的轻量级的框架
【2】数据的双向绑定 优点是减少了dom操作
【3】组件化 和 响应式设计
【4】实现数据与结构的分离 高效轻便 易于浏览器的加载速度

 

4. Vue的生命周期

技术图片

 

 5. Vue工作机制

初始化

在new Vue() 之后。Vue 会调用进行初始化,会初始化生命周期、事件、props、 methods、 data.computed与watch等。其中最重要的是通过object . defineProperty设置setter与getter,用来实现「响应式」以及「依赖收集」。初始化之后调用$mount 挂载组件

技术图片

 

 简化版

技术图片

 

 技术图片

 

技术图片

 

 

虚拟dom

 技术图片

Vue

标签:bsp   png   visual   数据   专注   实现   compute   机制   studio   

原文地址:https://www.cnblogs.com/jingjinggood/p/12221753.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!