[Vue warn]: свойство или метод "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',

получение данных здесь data: {return: {msg: 'Make Post:', content: '', 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',
     }
   },

Потому что в вашем коде вы пытаетесь вернуть объект из объекта.