好空间网络 下载源码 Vue.js实现表格动态增加删除的方法（附源码下载）(3)

开始用vue会把所有的模版上的数据都放到data属性里，或者有的时候data属性里变量多了之后觉得有些只是用一次的变量就直接写到模版里了，后来看到同组的同事在用computed属性，就又去查了一下api，发现这种情况其实最好用的就是computed。

1. computed可以保持模版的清晰，在template里尽量只进行展示和绑定，而不要加入逻辑操作。

2. 用computed的还有一个好处就是会跟随其他data属性的变化自动变化

比如官方文档的一个例子：

var vm = new Vue({
 el: #demo,
 data: {
 firstName: Foo,
 lastName: Bar,
 fullName: Foo Bar
 }
})
vm.$watch(firstName, function (val) {
 this.fullName = val +   + this.lastName
})
vm.$watch(lastName, function (val) {
 this.fullName = this.firstName +   + val
})

如果用watch就会产生代码的冗余，比如在直播中状态的变化就可以用来计算是否展示视频之类的上层属性

var vm = new Vue({
 el: #demo,
 data: {
 firstName: Foo,
 lastName: Bar
 },
 computed: {
 fullName: function () {
  return this.firstName +   + this.lastName
 }
 }
})

总结

以上就是关于Vue.js的计算属性的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。

Ionic 2 实现列表滑动删除按钮的方法

[8429]

在上篇文章给大家介绍了ionic中列表项增加和删除的实现方法，接下来通过本文给大家介绍Ionic 2 实现列表滑动删除按钮的方法，具体内容详情如下所示：

使用Ionic这种框架伟大的地方在于用户界面元素默认准备好了，意味着你可以设计更好的app而不需要很强的用户体检设计背景，而且让你可以更容易实现这些模式。

这篇教程将展示如何使用Ionic2添加一个简单的删除按钮到列表，当用户滑动列表项到左边的时候。这是一个处理删除列表数据时候常用的模式。本教程将涵盖创建这个滑动删除按钮所需要的一切。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/tongxinshuyu/article-84997-3.html