how2j.cn

步骤 1 : 先看不用 computed   
步骤 2 : 再看看 computed 的做法   
步骤 3 : methods 也能达到一样的效果   
步骤 4 : computed 和 methods 的区别   

步骤 1 :

先看不用 computed

edit
先看不用 computed ,直接在 {{}} 上运行

{{ rmb/exchange }}
运行效果
<script src="http://how2j.cn/study/vue.min.js"></script> <style> table tr td{ border:1px solid gray; padding:10px; } table{ border-collapse:collapse; width:800px; table-layout:fixed; } tr.firstLine{ background-color: lightGray; } </style> <div id="div1"> <table align="center" > <tr class="firstLine"> <td>人民币</td> <td>美元</td> </tr> <tr> <td align="center" colspan="2"> 汇率: <input type="number" v-model.number="exchange" /> </td> </tr> <tr> <td align="center"> ¥: <input type="number" v-model.number = "rmb" /> </td> <td align="center"> $: {{ rmb/exchange }} </td> </tr> </table> </div> <script> new Vue({ el: '#div1', data: { exchange:6.4, rmb:0 } }) </script>