通俗来讲：computed是在HTML DOM加载后马上执行的，如赋值；而methods则必须要有一定的触发条件才能执行，如点击事件；watch呢？它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。computed定义的属性，在da ...
分类：
其他好文 时间：
2018-11-30 13:44:28
阅读次数：
185
有时候遇到这么个需求，输入框为空的时候，请求一遍接口，如果输入框不为空的时候，需要点击搜索按钮请求接口。 一、使用computed属性的实时监控计算 我第一反应是做一个computed属性监控这个输入框的值，一旦监控发现值为空，我就重新执行一遍请求的方法。 查找资料发现：1、计算属性也是属性，把他当 ...
分类：
其他好文 时间：
2018-11-29 21:47:05
阅读次数：
270
细节流程图 初始化 计算属性的初始化是发生在 Vue 实例初始化阶段的 initState 函数中，执行了 if (opts.computed) initComputed(vm, opts.computed)，initComputed 的定义在 src/core/instance/state.js ...
分类：
其他好文 时间：
2018-11-29 15:28:34
阅读次数：
354
一：redux和flux的区别 1）redux是flux中的一个实现 2）在redux中我们只能定义一个store，在flux中我们可以定义多个 3）在redux中，store和dispatch都放到了store，结构更加清晰 4）在redux中本身就内置State对象，对仓库的管理更加明确 二：r ...
分类：
其他好文 时间：
2018-11-27 16:44:04
阅读次数：
191
事件 案例： vue的事件绑定原理:改变图片的背景颜色问题来实现这个框架的使用方法， new Vue({ el:"", data:{}, methord:{}, computed:{} 计算属性的使用：用于大量基于数据模型的计算，但并不是每一次渲染都发生更改，计算属性就会将数据直接返回，这样提高计算 ...
分类：
其他好文 时间：
2018-11-22 10:42:53
阅读次数：
242
Vue中computedVSwatch区别及computedVSmethod区别computedVSwatch先来看官网中对计算属性（computed）的解释：模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。详情见官网URLhttps://cn.vuejs.org/v2/guide/computed.html#%E8%AE%A1%E7%AE
分类：
其他好文 时间：
2018-11-21 20:59:17
阅读次数：
174
1.js操作css样式 div.style.width="100px",在div标签内我们添加了一个style属性，并设定了width值。这种写法会给标签带来大量的style属性，跟实际项目是不符。 我们没让css和html分离。 所以如果是为了获取css样式 window.getComputedS ...
分类：
Web程序 时间：
2018-11-15 18:30:27
阅读次数：
152
watch 监听某个数据的变化（监听完调用什么函数） 一个数据影响多个数据 （比如：浏览器自适应、监控路由对象、监控自身属性变化） computed 计算后返回新 一个数据受多个数据影响（比如：计算总价格、过滤某些数据） computed是用来处理你使用watch和methods的时候无法处理（比如 ...
分类：
其他好文 时间：
2018-11-15 12:06:20
阅读次数：
222
