<div id="app">
  element: {{a}}
</div>
<div id="app2">
  element: {{a}}
</div>
<div id="app3">
  element: {{a}}
</div>
var vm = new Vue(
  // Options
  {
    el: "#app",
    data: {
      a: 1
    }
  }
);

var vm2 = new Vue(
  // Options
  {
    el: "#app2",
    template: '<div class="template">template: {{a}}</div>',
    data: {
      a: 1
    }
  }
);

var vm3 = new Vue(
  // Options
  {
    el: "#app3",
    render(h) {
      return h(
        "div",
        {
          class: {
            render: true
          }
        },
        `render: ${this.a}`
      );
    },
    data: {
      a: 1
    }
  }
);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js