vue
只在无意间
这个作者很懒,什么都没留下…
展开
-
Vuex概念并实现一个简单的Vuex
Vuex 什么是Vuex Vuex 是专门为Vue.js设计的状态管理库 Vuex 采用集中式的方式存储需要共享的状态 Vuex 的作用是进行状态管理,解决复杂组件通信,数据共享 Vuex 集成到了 devtools中,提供了time-travel时光旅行历史回滚功能 什么情况下使用Vuex 非必要的情况不要使用 Vuex 大型的单页应用程序 多个视图依赖于同一状态 来自不同视图的行为需要变更同一状态 Vuex 核心概念: Store: 每一个应用仅有一个Store Store是一个容器包原创 2020-09-07 14:21:20 · 177 阅读 · 0 评论 -
Virtual DOM
Virtual DOM 什么是Virtual DOM Virtual DOM(虚拟DOM),是由普通的JS对象来描述DOM对象,因为不是真实的DOM对象,所以叫Virtual DOM 为什么使用Virtual DOM 手动操作DOM比较麻烦,还需要考虑浏览器兼容性问题,虽然有jquery等库简化DOM操作,但是随着项目的复杂DOM操作复杂提升 为了简化DOM的复杂操作于是出现了MVVM框架,MVVM框架解决了视图和状态的同步问题 为了简化视图的操作我们可以使用模板引擎,但是模板引擎没有解决跟踪状态变化原创 2020-08-26 15:35:02 · 225 阅读 · 0 评论 -
Vue.js响应式原理,数据双向绑定
响应式原理 数据驱动 数据响应式 数据模型仅仅是普通的JavaScript对象,而当我们修改数据时,视图会进行更新,避免了繁琐的DOM操作,提高开发效率 双向绑定 数据改变,视图改变;视图改变,数据也随之改变 我们可以使用v-model在表单元素上创建双向绑定数据 数据驱动 开发过程中仅需要关注数据本身,不需要关心数据是如何渲染到视图 Vue2 数据响应式核心原理: defineProperty介绍 浏览器兼容IE8以上 <!DOCTYPE html> <html原创 2020-08-19 18:39:09 · 564 阅读 · 0 评论