[Vue警告]：属性或方法“ msg”未在实例上定义，但在渲染期间被引用。 （“内容”）...等等

Question

我的查看页面代码

<div id="app">
@{{ msg }}
@{{ content }}

在此处使用表格

<form method="post" enctype="multipart/form-data" v-on:submit.prevent="addPost">
                      <textarea v-model="content" id="postText" class="form-control"></textarea>
                <button type="submit" id="postBtn">Post</button>
            </form></div>

这是我的app.js代码

const app = new Vue({
    el: '#app',

在此处重现数据         数据：{             返回：{              msg：“发布帖子：”，             内容：“，             bUrl：“ http://localhost:8888/pathikhome”，         }         }，         方法： { 获取Addpost数据

        addPost(){
            axios.post(this.bUrl +'/addPost', {
                content: this.content
            })
                .then( (response) =>{
                    this.content="";
                    console.log('saved successfully'); // show if success
                    if(response.status===200){
                        app.posts = response.data;
                    }
                })
                .catch(function (error) {
                    console.log(error); // run if we have error
                });
        }
    }
});

Answer 1

尝试以下代码：

    data: {
        msg: 'Make Post:',
       content: '',
       bUrl: 'http://localhost:8888/pathikhome',
     },

代替您的代码：

  data: {
     return:{
        msg: 'Make Post:',
      content: '',
      bUrl: 'http://localhost:8888/pathikhome',
     }
   },

因为在您的代码中您尝试从一个对象返回一个对象。