因为工作上的需求, 最近开始自学 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来塞元素到阵列也可以。谢谢各位