JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://unpkg.com/vue@latest/dist/vue.js"></script>
<div id="app">
<editor1 :content-as-obj="template" :asd="1"></editor1>
</div>
JavaScript
Vue.component('editor1', {
template: `<h1 :value="contentAsObj"></textarea>`,
props: ['contentAsObj', 'asd']
});
Vue.component('editor2', {
template: `<textarea :value="contentAsString"></textarea>`,
props: ['contentAsString']
});
new Vue({
el: '#app',
data () {
return {
Editor
}
},
components: {
'Editor': editor1,
}
});