11 计算属性和过滤器

1.methods和computed的区别

如以下代码：computed1.html

调用methods方法点击
调用computer方法点击

运行结果：

image

2.购物车:computed.html

购物车

共3件宝贝

{{goods.id}}

{{goods.name}}

{{goods.price}}

- +

---

总价：￥{{totalPrice}}

结算

你购买了{{settlement}}件商品，需要支付总价为：{{totalPrice}}元

运行结果：

image

3.搜索按钮进行页面搜索：computed.html

搜索

{{article.title}}

运行结果：

image

搜索按钮可以按，但是刚开始没有主页面，这个好像是一次性的。

form表单练习：form.html

输入内容是: {{ message1 }}

---

多行文本域内容是：{{ message2 }}

---

百度

谷歌

腾讯

选择的值为: {{ checkedNames }}

你一共选了{{checkedNames.length}}个

---

男

女

选中值为: {{ picked }}

---

选择一个网站
百度
淘宝
南工院

选择的网站是: {{selected}}

提交

---

结果显示

姓名：{{message1}}

性别：{{picked}}

爱好

• 
  {{item}}
  

班级：{{selected}}

运行结果：

image