
vue
文章平均质量分 82
大神,求带
无所畏惧
展开
-
Vue基础
1.vue的三个特点数据双向绑定、组件化、单文件组件2.vue的基本使用vue的MVVM的体现:model代表模型,view代表视图(即页面),viewModel代表视图模型(vue实例)<div id="app"> <input type="text" v-model="username"> <p>Hello {{username}}</p> // 显示使用{{}}</div><script type="text原创 2021-04-10 20:33:54 · 206 阅读 · 0 评论 -
vuex的原理
1.vuex的作用vuex是专门为Vuejs应用程序设计的状态管理工具。其实是集中的数据管理仓库。相当于数据库mongoDB等,任何组件都可以存取仓库中的数据。vuex的组成部分:state:是存储的基本数据。mutations:提交更改数据。getter:对state加工,和computed计算属性一样。actions:处理异步,通过store.commit方法触发mutation...原创 2020-04-07 16:42:06 · 8932 阅读 · 0 评论 -
vue的数组监听
Vue中对数据的监听主要依靠Object.defineProperty来实现的,这种实现主要针对key/value形式的对象,对数组中的值的变化是无能为力的,definrProperty是无法监听数组长度的变化,监听索引的代价也很高,那么应该怎么对数组中的数据进行监听呢?一、数组的变化情况:数组本身的赋值数组中push等方法导致的变化数组中的值变化操作数组的长度导致的变化二、对上面...转载 2020-04-05 19:12:07 · 2395 阅读 · 0 评论 -
vdom的原理
结论vue中vdom渲染页面的过程:将<template>模板,通过render渲染函数(createElement())得到虚拟的DOM树,通过diff算法进行新旧虚拟节点的比较,再通过patch更新到真实的dom上实现视图的更新。1.什么是Virtal DOM?vdom指的是用JS模拟的DOM结构,将DOM的变化对比放在JS层。 <ul id="list"> ...转载 2020-04-04 14:53:30 · 1108 阅读 · 0 评论 -
vue双向绑定原理
1.前言每次被问到vue的双向绑定原理,都会说,采用数据劫持结合发布订阅者模式的方法,通过Object.defineproperty()来劫持数据的getter、setter属性,如果数据发生变化,通知订阅者执行更新的回调函数,实现视图更新。但是当被问到watcher、dep等深层的概念时可能就over了。2.思路分析MVVM数据双向绑定,主要是视图变化更新数据。数据变化更新视图。视图...转载 2020-04-01 15:02:25 · 146 阅读 · 0 评论