title: v-model for dynamically generated checkboxes
body: <p>Here is my fiddle : <a href="https://jsfiddle.net/inchrvndr/az9hge7u/" rel="nofollow noreferrer">DEMO</a></p>
  
  <pre><code> modules: [{
        moduleName: "Module ABC",
        id: 1,
        actions: [{
          actionName: "addbrand",
          id: 1,
          permissions: [{
            permissionName: "read",
            "id": 1,
            "value": true
          }, {
            permissionName: "write",
            "id": 2,
            "value": true
          }, {
            permissionName: "execute",
            "id": 1,
            "value": false
          }]
  }]
  </code></pre>
  
  <p>Checkboxes are dynamically generated iterating over "modules" array in data object. But I am finding it difficult to assign v-model and capture the checked values for the corresponding "action" for its respective "module"'</p>
  
  <p>How do I do this? </p>
  
  <pre><code>&lt;div v-for="module in modules"&gt;&lt;b&gt;{{ module.moduleName }}&lt;/b&gt;
      &lt;div v-for="action in module.actions"&gt;{{ action.actionName }}
        &lt;div v-for="permission in action.permissions"&gt;
          &lt;input type="checkbox"&gt; {{ permission.permissionName }}
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;hr&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Any help would be much appreciated. Thank you..</p>