JSFiddle - React, Tailwind, and code Playground

HTML

<div id="l-main">
    <div v-for="(variation, key) in variations">
        {{ variation.name }}
        <input type="checkbox" 
        v-model="variation.primary"
        :value="variation.primary"
        name="Test"
        >
    </div>
    
    <br>Output:<br>
    <div v-for="(variation, key) in variations">
        {{ variation.name }} {{ variation.primary }}
    </div>
    
</div>

JavaScript

var vm = new Vue({
  el: '#l-main',
  data: {
    variations: {
      '41783' : {
        'name': 'test1',
        'primary': false
      },
      '41785' : {
        'name': 'test2',
        'primary': true
      }
      
    }
  }
});