with simple component

by Saurabh Mimani

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/accounting.js/0.4.1/accounting.min.js"></script>
<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <chat-composer></chat-composer>
</div>

JavaScript

Vue.component('chat-composer', {
  template: '\
    <input type="text" placeholder="Start Typing your message..."  v-model="messageText"> \
  ',
  data: function() {
    return {
      messageText: "ddd"
    }
  },
  methods: {
    sendMessage() {
      console.log(this.messageText);
    }
  }
})

new Vue({
  el: '#app',
  created: function() {}
})