JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>
<div id="components-demo">
<button-counter></button-counter>
</div>
<div id="app1">
<span v-html="message">{{getAppMessage}}</span>
</div>
JavaScript
var myComponent = Vue.component('button-counter', {
data: function () {
return {
count: 0
}
},
template: '<button v-on:click="count++">Счётчик кликов — {{ count }}</button>'
})
new Vue({ el: '#components-demo' })
new Vue({
el: "#app1",
data: {
message: myComponent.count
},
computed: {
getAppMessage: function () {
this.message = myComponent.count
}
}
});