Question

我正在尝试创建聊天框组件，我缺少什么？

DATE

Answer 1

我认为你必须学习更多vue.js.Anyway，你的代码有太多的错误，我也无法理解你想做什么。

无论如何我修复了你的代码，现在它没有错误：

<div id="app" style="align:center">
  <h5> Chat Application </h5>
  <p> {{ this.owner }} </p>
  <br />
    <p>{{ this.msg }} </p>
    <app-data></app-data>
</div>

Vue.component('app-data', {
  data() {
    return {
      owner: '',
      msg: ''
    }
  },
  methods: {
    postMessage() {
        //write your code
    }
  },
    template: `
  <div>
        <input type="text" id="txtOwner" v-model="owner">
        <input type="text" id="txtMsg" v-model="msg">
        <button @click="postMessage">Post</button>
  </div>  
    `
});

new Vue({
  el: "#app",
  data: {
        owner: '',
    msg: ''
  },
})

See it in action by clicking here

注意：我的回答，只是帮助您解决错误，但无法帮助您创建聊天室组件。您必须自己编写代码。

Vue组件未定义

1 个答案: