<div id="app">
  <label>Enabled</label>
  <input type="checkbox" v-model="enabled" />
  <p>
    User is {{ enabled ? 'enabled' : 'disabled' }}
  </p>
</div>
var app = new Vue({
  el: "#app",
  data: {
    enabled: true
  }
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdn.jsdelivr.net/npm/vue/dist/vue.js