<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
}
}
);
This Pen doesn't use any external CSS resources.