JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>
<div id="app">
<span v-html="message"></span>
<button v-on:click="newHtml">
Change HTML
</button>
</div>
<div id="app1">
<span v-html="message">{{getAppMessage}}</span>
</div>
JavaScript
var app = new Vue({
el: "#app",
methods: {
newHtml() {
this.message = '<p style="color:red;">New Message</p>';
}
},
data: {
message: "<p>Message</p>"
}
});
var app1 = new Vue({
el: "#app1",
data: {
message: app.message
},
computed: {
getAppMessage: function (val) {
this.message = app.message
}
}
});