JSFiddle - React, Tailwind, and code Playground

HTML

<div id="vue-base-element">
    <div id="app">
        <span v-html="rawHtml()"></span>
        <div><input v-model="message" placeholder="edit me"><p>Message is: {{ message }}</p></div>
    </div>
</div>

JavaScript

var model = {
        data: {
            message: "message"
        },
        methods: {
            /*rawHtml: function () {
                alert(this.message)
                return this.message;
            },*/
            rawHtml: function () {
                alert(this.message)
                return this.message;
            }
        },
        created: function () {

        },
        computed:
        {
        	rawHtml: {
          		get() {
                alert(this.message)
                return this.message;
                }
            },
        }
    };

    var viewModel = new Vue(model);

    viewModel.$mount('#vue-base-element');