computed

计算属性和侦听器

所以，对于任何复杂逻辑，你都应当使用计算属性。

我們如果寫
<p>{{ message.split('').reverse().join('') }}</p>
這種不直觀、要看一下子才知道在幹嘛的渲染資料，就去使用computed吧！
將運算結果用return呈現在畫面上

可以搭配match()來寫成過濾器，假設我的資料裡面有

1. 金家好媳婦 - 金背背
2. 金家壞媳婦 - 金價背
3. 金家超級壞媳婦 - 金狼狽

輸入'金家'，三位媳婦都會呈現出來。
輸入'壞媳婦'，出現後面兩位。
至於該怎麼寫？這就讓讀者動動腦囉，這並不難～

return 有時後方會接反引號(鍵盤驚嘆號左邊的那個)+計算結果，
如何使用參考這邊：樣板字面值

watch

當指定數值變化時，觸發指定函式。
比方說 user點擊索取驗證碼，只打算顯示驗證碼30秒，就可以使用watch

var watchExample = new Vue({
    el:'#watch'
    data:{
        ...
    }
    watch:{
        在這裡寫要執行的function
    }
})

官網的範例是一連串的輸入後反應，做得有點像回話機器人的感覺，可以去試試

小結

什麼？今天這麼混寫這麼少！其實還有其他內容在記事本裡，但實在太睏了，如果在十二點前有爬起來再補囉！要補上(或是直接變明天的內容)預告是表單操作補充，晚安