<!DOCTYPE html>
<html>
<body>
<div id="app-a">App a: {
{
message }}</div>
<div id="app-b">App b: {
{
message }}</div>
<script src="https://unpkg.com/vue@next"></script>
<script>
const sourOfTruth = Vue.reactive({
message: 'Hello'
})
const appA = Vue.createApp({
data() {
return sourOfTruth
}
}).app.mount('#app-a')
const appB = Vue.createApp({
data() {
return sourOfTruth
}
}).app.mount('#app-b')
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<div id="app-a">App a: {
{
message }