--- # System prepended metadata title: Vue2第三章 tags: [第三章, Vue] --- --- tags: Vue,第三章 --- # 同步異步 computed只能做同步任務 watch可以做異步任務 # watch ```javascript= Document
翻譯成的語言:
``` # 綜合案例-購物車 ```javascript= Document
房子 購物車
選中
圖片
單價
個數
小計
操作
{{item.price}}
{{item.num}}
{{item.price * item.num}}
總價{{totalPrice}}
空空如也
``` # 生命週期 可在chrome輸入以下指令模擬銷毀 `app.$destroy()` ![](https://hackmd.io/_uploads/HJnI3w5h2.png) ![](https://hackmd.io/_uploads/HkJAAho3h.png) ```javascript= Document
{{msg}}
{{count}}
``` ## 新聞渲染 ```javascript= Document
``` ## 搜索框聚焦 ```javascript= Document
``` # 綜合案例-記帳清單 ```javascript= Document
編號 消費名稱 消費價格 操作
{{index + 1}} {{item.name}} {{item.price}} 刪除
消費總計{{totalPrice.toFixed(2)}}
```