JSFiddle - React, Tailwind, and code Playground

by koba04

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/vue/0.10.3/vue.js"></script>
<p>vm as data</p>
<div id="a"><span v-text="name"></span></div>
<div id="b"><span v-text="name"></span></div>

<p>vm.$data as data</p>
<div id="c"><span v-text="name"></span></div>
<div id="d"><span v-text="name"></span></div>

JavaScript

var a = new Vue({
    el: "#a",
    data: {
        name: "a",
    },
});
var b = new Vue({
    el: "#b",
    data: a,
});
b.name = "b";

var c = new Vue({
    el: "#c",
    data: {
        name: "c",
    },
});
var d = new Vue({
    el: "#d",
    data: c.$data,
});
d.name = "d";