JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>
<div id="search-mobail">
  <search-input></search-input>
</div>

 
<div id="app1">
  <span v-html="message">{{getAppMessage}}</span>
</div>

JavaScript

var app = Vue.component('search-input', {
	data: function () {
		return {
			message: 'message'
		}
	},


	watch: {
		searchQuery: function () {
			return this.searchQuery;
		}
	},
	template: '<input v-model="searchQuery" value="" class="uk-search-input" type="search" placeholder="...">',
})

new Vue({
     el: "#search-mobail"
});

    var app1 =  new Vue({
     el: "#app1",
 
     data: {
       message: app.message
     },
     
     computed: {
         getAppMessage: function (val) {
      		this.message = app.message
    		}
     } 
   });