一,vue概念
vue是一套基于MVVM理念的框架,它的核心是VM,也就是我们通常所说的viewmodel。vue出现的目的很大程度上为了解决目前前端工程化中遇到的DOM和MODEL对整个开发逻辑的干扰,使开发者能集中精力在业务逻辑上。
vue中的两个最主要的关键词就是双向数据绑定和复杂数据状态的管理(也就是vuex),这两者使vue可以帮助开发者快速方便的完成项目的开发,提高了开发的效率,降低了开发成本。
二,常用的指令
vue中常用的指令主要包括下面这几方面:
1,模板语法
2,条件语句
3,循环语句
4,计算属性
5,样式绑定
6,事件处理器
7,表单
8,组件
9,自定义指令
10,路由
三,VUE 实现原理
vue内部实现的原理主要包括下面几个方面:
1,observer数据监听器
2,compile数据解析器
3,watcher订阅者
4,dep消息订阅器
四,vue实现过程
一个vue程序初始化的过程如下:
new Vue()>遍历data中的属性>用object.defineProperty将属性转化为getter和setter>compile对元素节点的指令进行扫描和解析>初始化视图>订阅watcher>将watcher添加到消息订阅器dep中>初始化完毕
一个vue数据更新的过程如下:
数据变化>oberver 中的setter方法触发>setter调用Dep.notify()>Dep开始遍历watcher>调用watcher中的update方法>watcher收到变化后对视图进行更新。
下篇将对vue中的指令进行详细的讲解并进行项目实战讲解,敬请关注
VUE教程-基础介绍
最新推荐文章于 2021-12-23 19:07:03 发布