VueJS

by peter9477

HTML

<div id="mi-content">
  <span :class="{disabled: !connected}" @click="onClick()">
        <span>{{host}}</span>
  </span>
</div>

<script type="text/x-template" id="T-foobar">
</script>

CSS

div.disabled {
  color: red;
}

JavaScript

var vm = window.vm = new Vue({
  el: '#mi-content',
  data: {
    host: 'server for you',
    connected: true,
  },
  methods: {
    onClick: function() {
      console.log('foo');
    }
  }
});