<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><script src="https://unpkg.com/vue/dist/vue.js"></script><body ...
分类：
其他好文 时间：
2018-04-09 21:08:01
阅读次数：
221
watch: { totalCount: function() { if (!this.totalCount) { this.fold = false; return false; } }, fold: function(totalCount) { let show = this.fold; if ...
分类：
Web程序 时间：
2018-04-07 20:04:13
阅读次数：
1219
一、computed和methods对比 computed是状态（data）改变时，重新进行计算；methods是计算函数，每次重新渲染都会重新计算。比如return Date.now()，computed不会变化，methods则会更新。 1、计算属性（computed）是基于它们的依赖进行缓存的 ...
分类：
其他好文 时间：
2018-04-06 18:38:27
阅读次数：
121
1、实例化vue，根元素，数据存储，方法的定义，数据的绑定 2、Vue中事件的使用 3、计算属性，computed ...
分类：
其他好文 时间：
2018-04-05 17:36:11
阅读次数：
168
一、生命后期 官网的图片说明： Vue的生命周期总结 二、数据绑定 1、数据绑定语法 【文本插值】 【HTML属性】 【绑定表达式】 【过滤器】 【指令】 2、计算属性（computed） 3、表单控制 【表单控件】 script部分 需要注意的是sel2val的赋值是int数组，可是在选择值得时候 ...
分类：
Web程序 时间：
2018-03-27 22:25:24
阅读次数：
293
我们来看看computed的实现。最简单的一个demo如下： 1在初始化实例创建响应式的时候。对options中的computed做了特殊处理： 组件初始化的时候。computed项和data中的分别建立响应式。data中的数据直接对属性的get,set做数据拦截。而computed则建立一个新的w ...
分类：
其他好文 时间：
2018-03-22 16:00:25
阅读次数：
205
一、计算属性 计算属性关键词： computed。计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子： 使用了计算属性的实例： 实例中声明了一个计算属性 reversedMessage 。提供的函数将用作属性 vm.reversedMessage 的 getter 。vm.rev ...
分类：
其他好文 时间：
2018-03-06 23:13:30
阅读次数：
571
第一步：导入模块 import React, { Component } from 'react'; import { observable, autorun,computed } from 'mobx' import {observer} from "mobx-react"; import Rea ...
分类：
其他好文 时间：
2018-03-06 17:03:24
阅读次数：
146
如图：需求分析 父组件是页面，显示表格数据，子组件是一个功能和信息栏，主要是添加信息的表单以及记录表格数据条数。子组件如何获取父组件数据条数呢？ 使用computed计算数据长度 组件标签中传值： 子组件接收 子组件显示： 子组件传值父组件： 子组件主要把表单数据传递给父组件，一般提交后我们需要清空 ...
分类：
Web程序 时间：
2018-03-03 14:06:38
阅读次数：
266
created 钩子可以用来在一个实例被创建之后执行代码： var vm = new Vue({ el:'#box', data:{ msg:'12345' }, computed:{ reMsg:{ get:function(){ return this.msg.split('').reverse ...
分类：
其他好文 时间：
2018-02-27 23:28:13
阅读次数：
162
