``` // 1.1 假设创建一个product局部组件 let product = { template: ` <div {{msg}} {{company}} <button @click="change" 改变</button <input type="text" v focus/ <div ...
分类：
其他好文 时间：
2019-03-12 10:46:30
阅读次数：
199
this 指针问题 methods与computed中的this指针 应该指向的是它们自己，可是为什么this指针却可以访问data对象中的成员呢？ 因为new Vue对象实例化后data中的成员和computed中的成员为实现化对象属性了，而methods中定义的方法为实现化对象方法了。这时thi ...
分类：
其他好文 时间：
2019-03-09 21:49:33
阅读次数：
177
大部分问题是我在h5端看不到而在android、iOS平台上暴露出来的，不包含小程序 1、:class="['defaultStyle', dynamicStyle]" 不支持直接这样写数组，需要在computed计算属性中手动拼接，如： :class="dynamicStyle" computed ...
分类：
移动开发 时间：
2019-03-03 11:06:29
阅读次数：
6060
计算属性 1.1 什么是计算属性: 插值表达式常用于简单的运算,当其过长或逻辑复杂时,会难以维护,这时应该使用计算属性。 插值表达式里的值是JS表达式 所有的计算属性都以函数的形式写在Vue实例内的computed选项内,最终返回计算后的结果。 1.2 计算属性的用法 在一个计算属性里可以完成各种复 ...
分类：
其他好文 时间：
2019-03-02 10:48:16
阅读次数：
182
Vue计算属性中文文档 传送门 Vue计算属性：更强大的属性声明方式，可以对定义的属性进行逻辑处理与数据监视; 注意：模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护 Learn 一、计算属性的基本使用 二、计算属性的getter和setter ...
分类：
其他好文 时间：
2019-02-24 23:12:17
阅读次数：
485
computed 计算属性 能够监听vue数据上的变化，页面上来就执行一次，每改变一次数据就又触发。在操作数据的时候，会派生出另一个事情 get是获取的时候执行的操作。set是修改时候执行的操作 应用场景： 比如在用户输入框改变数据的时候过滤数字； 通过数据的变化，来进行累计； 通过单选按钮的变化， ...
分类：
其他好文 时间：
2019-02-06 17:05:49
阅读次数：
180
Computed 首先，创建一个view model如下： 每当firstName或是lastName中至少一个变化的时候，就会调用一次ko.computed来生成fullName并反映在UI中。 从以上示例中也可以看到，ko.computed有两个参数，第一个是联系两个observable并生成f ...
分类：
其他好文 时间：
2019-01-21 00:30:46
阅读次数：
202
[toc] 首发日期：2019 01 20 上篇内容回顾： 上篇内容讲了 Vue的介绍：优点，MVVM Vue的静态导入与安装，以及hello world 实例可定义的内容：el,data,methods,生命周期钩子（包括计算属性，侦听器也是可以定义在实例中的） 计算属性 侦听器 数据绑定 v m ...
分类：
其他好文 时间：
2019-01-20 10:26:11
阅读次数：
195
指令系统 指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式 (v-for 是例外情况，稍后我们再讨论)。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 1.条件渲染：v-if 这里，v-if 指令将根据 ...
分类：
其他好文 时间：
2019-01-15 14:24:26
阅读次数：
166
watch和computed是vue框架中很重要的特性。 那么，他们是怎么作用于对象数组的？ 今天我们就来探究一下。 上代码。 首先是初始化（进入这个页面时）。 从日志中可以看到，先调用了computed，再调用了watch。 看代码。数据绑定是绑定了computed:testNum，所以初始化时就 ...
分类：
编程语言 时间：
2019-01-08 21:57:19
阅读次数：
429
