vue 2016年10月份发布2.0版本 实现了数据渲染/数据同步 <div id="app"> {{message}} </div> var app=new Vue({ el:'#app', data:{ message:'hello vue!' } }) 结果：hello vue! 组件化/模块 ...
分类：
其他好文 时间：
2017-07-14 09:56:29
阅读次数：
180
首先，computed的使用方法： 完整用法： 具体实例: 结果：点击页面时， a=>101 b=>102 结果：点击页面时， a=>10 b=>12 *和data的区别是 computed 放一些业务逻辑的代码，切记放return ...
分类：
其他好文 时间：
2017-07-12 23:07:21
阅读次数：
122
纯CSS实现移动端常见布局——高度和宽度挂钩的秘密 不踩坑不回头.之前我在一个项目中大量使用css3的calc计算属性.写代码的时候真心不要太爽啊…可是在项目上线之后,才让我崩溃了,原因非常easy,在低于安卓4.4的版本号的手机上,自带的浏览器是不支持这个属性的. 好吧,这还不时最坑爹的,在国产的 ...
分类：
移动开发 时间：
2017-07-10 14:37:29
阅读次数：
226
如果有固定头部高度和底部高度，内容的高度或者宽度想要根据浏览器屏幕自适应的话，可以用到css3的计算属性,即calc。 用法如下： 内容区域高/宽 = calc(100% - 头部高宽 - 底部高宽) //这样就可以自适应高度或宽度了。 浏览器高度： document.documentElement ...
分类：
Web程序 时间：
2017-07-06 18:52:19
阅读次数：
399
前面聊了vue生命周期与路由的先后顺序，现在聊聊computed与各生命周期。先聊一下需求背景，我在做一个图表的时候遇到了，我将图表样式封装为一个组件，然后各个地方需要的时候将数据通过props传入到组件自动画图。因为我这个数据会变化，我的方法里面又有比较多的方法了，就像弄到计算属性里面去，这样在d ...
分类：
其他好文 时间：
2017-06-30 13:57:46
阅读次数：
319
computed属性 HTML 效果： 实例中声明了一个计算属性 reversedMessage 。 提供的函数将用作属性 vm.reversedMessage 的 getter 。 vm.reversedMessage 依赖于 vm.message，在 vm.message 发生改变时，vm.re ...
分类：
Web程序 时间：
2017-06-29 09:57:27
阅读次数：
303
计算属性computed 上例中myValueWithoutNum是计算属性，getMyValueWithoutNum()是方法调用。 数据监听watch ...
分类：
其他好文 时间：
2017-06-27 23:25:45
阅读次数：
236
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类：
其他好文 时间：
2017-06-26 22:30:07
阅读次数：
130
第四章:计算属性 为了避免过多的逻辑造成模板的臃肿不堪，可使用计算属性来简化逻辑。 1.什么是计算属性 当vm.didi和vm.family的值发生变化时，vm.didiFamily的值会自动更新，当然也会同步到DOM元素上。 2.计算属性的性能分析 第五章:表单控件绑定 1.v-model更新表单 ...
分类：
Web程序 时间：
2017-06-22 21:44:53
阅读次数：
266
一、今天继续了解Vue.js模板语法、计算属性、列表渲染、表单空间绑定等一些基础功能。Vue有些反面用起来很爽，比如this肯定是Vue的实例，不用再想JS活着Jquery去考虑上下文环境，默认绑定this、隐式绑定this、显式绑定this或者new绑定。还有v-model双向绑定表单、组件Com ...
分类：
其他好文 时间：
2017-06-19 01:16:27
阅读次数：
214
