模板语法、计算属性和侦听器 目标： 1、熟练使用vue的模板语法 2、理解计算属性与侦听器的用法以及应用场景 1. 模板语法 2. 计算属性(computed) 计算属性和方法时不一样, 计算属性是基于他们的依赖,进行缓存, 当计算属性的相关变量发生变化才会重新进行计算, 否则都是直接从缓存中读取之 ...
分类：
其他好文 时间：
2018-07-17 12:40:35
阅读次数：
142
封装css属性 mixins.styl 引入方式： 动态计算分页的数量 场景：比如你得到一组list数据要展示在页面上，一页展示8条，超过8条要展示在下一页，滑动翻滚展示那种。可以利用计算属性来达到效果 ajax获取后台数据 vue提供了好几种ajax的方法，但是我们这边采用的是axios 模块，是 ...
分类：
其他好文 时间：
2018-07-08 10:36:12
阅读次数：
174
安装 npm install vuex --save 在src建立一个store文件夹里面建立index.js 在main.js 引入 State： 存放公用的数据 Actions：写一些异步的方法 Mutations：同步的一些对数据的改变 Getters: 类似于vue里面的计算属性，他会更具提 ...
分类：
其他好文 时间：
2018-06-29 20:38:20
阅读次数：
151
将选中的城市保存到localStorege 防止页面刷新改变 为防止有些用户关闭了localStorage的功能 浏览器会报错，我们用try...catch... 优化： 优化代码里的 {{this.$store.state.city}} Vuex提供了一个api Import { mapState ...
分类：
其他好文 时间：
2018-06-29 19:55:28
阅读次数：
1112
计算属性——介绍 模板内的表达式非常便利，但是设计他们的初衷是用于简单计算的。在模板中放入太多的逻辑会让模板太过沉重切难以维护。如下： 上面的例子中，模板不是简单的声明式逻辑。必须要看一段时间才看意识到，这里面是想要显示message的反转字符串。想要在模板中多次引用此处的反转字符串时，就会更加难以 ...
分类：
其他好文 时间：
2018-06-27 22:27:44
阅读次数：
173
计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： 在这个地方，模板不再是简单的声明式逻辑。你必须看一段时间才能意识到，这里是想要显示变量 message 的翻转字符串。当你想要在模板中多次引用此处的翻转字符串时，就会更加难以处 ...
分类：
其他好文 时间：
2018-06-26 20:51:29
阅读次数：
261
一、计算属性 标签使用： <span>Reversed Message: {{ reverseMessage }}</span> 结果： Reversed Message: ! sj.euv olleh 计算属性的使用是为了避免插值中使用复杂的计算而导致难以维护。 使用计算属性可以将最终的结果值放入 ...
分类：
其他好文 时间：
2018-06-23 18:59:43
阅读次数：
207
一样闲话少说，直接上问题，如图： 也是消息面板，没想到一个小小的消息面板，碰到这么多坑，惆怅。 就是如果当前路由和跳转路由不一样时，正常跳转没有任何问题。但是如果一样时，就不会跳转了，用了很多方法，比如给router-view加key，beforeRouterLeave，watch路由等都没有效果。 ...
分类：
其他好文 时间：
2018-06-21 00:13:43
阅读次数：
193
calc()使用通用的数学运算规则，但是也提供更智能的功能： 1. 使用“+”、“-”、“*” 和 “/”四则运算； 2. 可以使用百分比、px、em、rem等单位； 3. 可以混合使用各种单位进行计算； 4. 表达式中有“+”和“-”时，其前后必须要有空格，如"width: calc(12%+5e ...
分类：
其他好文 时间：
2018-06-19 16:27:36
阅读次数：
597
