Vue.jsでdisbledの状態でラジオボタンの状態がcssで反映されない

PHP
1<div id="conent">
2    <dl>
3        <dt>1<sup>&lowast;</sup></dt>
4        <dd style="display:flex">
5            <input type="radio"  v-model='abc' name="abc" id="abc1" class="abc"  value="1">
6            <label for="abc1" id="abc1" style="flex-basis: 50%"  class="abc">
7                利用する</label>
8            <input type="radio"  v-model='abc' name="abc" id="abc2" value="0">
9            <label  for="abc2"  id="abc2">利用しない</label></dd>
10        <dt>2<sup>&lowast;</sup></dt>
11        <dd style="display:flex">
12            <input type="radio"  v-model='dfg' name="dfg" :disabled="abcd !==0"  id="dfg1" class="dfg"  value="1">
13            <label for="dfg1" id="dfg1" style="flex-basis: 50%"  class="dfg">
14                利用する</label>
15            <input type="radio"  v-model='dfg' name="dfg" :disabled="abcd !==0"  id="dfg2" value="0">
16            <label  for="dfg2"  id="dfg2">利用しない</label>
17        </dd>
18 </dl>
19</div>

Vue
1new Vue({
2  el: '#conent',
3  data: {
4    value:'',
5    abc: '',
6		dfg: '',
7    abcd: '',
8
9　},
10  watch: {
11    abc: function (newValue, oldValue) {
12      console.log(newValue);
13	  if (newValue == "1") (this.abcd = 0)
14	  if (newValue == "0"){ 　
15          this.abcd = 1
16          　this.is_user_online_medical1 = false
17			}
18    }
19  }
20})