How does the data requested by axios render to the page through data?

data(){
    return{
        abc:[]
    }
}

data request:

created() {
    axios
      .get("http://goods")
      .then(response => {
           this.abc = (JSON.parse(response.data));
      })
      .catch(error => {
        console.log("");
      });
      
  },

data format:

problem: data can never be rendered to the page.

Javascript vue.js axios front-end

Mar.02,2021

this.abc = response.data;

response.data is an array. Just assign a value directly

(what does the JSON.parse (response.data)); outer parenthesis) mean, make sure the data is requested? When you request the data, you can use it directly. Is it possible that

can be directly assigned to the data written in your dom

this points to the problem

created() {
    *let _this = this*
    axios
      .get("http://goods")
      .then(response => {
          *_this.abc = response.data;*
      })
      .catch(error => {
        console.log("");
      });
      
  },

Previous: The question about whether jquery can be used in the part of frequently manipulating nodes in the vue project.

Next: The ele.me component used by vue, delete the occurrence of {_ _ ob__: Observer}