因為工作上的需求, 最近開始自學 vue.js, 但遇上個問題一直解決不了, 所以想請問各位先進。
程式說明：
以下的的小程式有搭配bootstrap, 按下新增鈕之後會新增資料, 每一筆新增的資料會連帶產生一個年代的的model, 在生日的年的input上click之後, 會跳出生日的年代的model, 在特定的年代上click之後, 圓圈會切換成被打勾的圖案 ( 透過切換fa_circle和fa_check_circle這兩個class的方式來產生效果 )。
問題說明：
按下圓圈之後沒有切換成打勾的圖案, 我有用console.log把birthday_year這個陣列的值印出來, 按下的年代的值是有改變的( true 和 false的切換 ), 請問為什麼值有切換但效果卻沒出來呢?
https://i.imgur.com/tg2yXhs.jpg
https://i.imgur.com/w5ofdsf.jpg
程式：
https://jsfiddle.net/clerkhsiao/w6puaxtn/16/

vue吃不到array某個特定element的變化最暴力的作法是加this.$forceUpdate();在更新完後面，但我猜應該有更好的做法 by 也正在學習vue的新手

賦值的方法不對，用 push 才會觸發 setter， = 不能

用this.$forceUpdate();可以耶！另外發現改用this.set來塞元素到陣列也可以。謝謝各位