vue 发送 axios 请求后台接口 并绑定数据,动态加载

1.先在template标签里面命名{ { msg }} 变量名(模板语法)

<template>
  <div>
    <div class="t3">1111{
  { msg }}
      <p>
        <input type="text" v-model="detail">
      </p>
      <p>展示:{
  {detail}}</p>

      <li v-for="(key, value, index) in objs">
        {
  {'展示v-for遍历:'+ index }}-{
  {key}}-{
  {value}}
      </li>
    </div>
  </div>
</template>

2.第二步在<script>标签下,data () { return{ datalist: 'res.data' } }

<script>
  export default {
    name: 't3',
    data () {
      return {
        datalist: 'res.data',
        msg: '',
        detail: ''
      }
    },

3.在<script>标签下,创造时加载数据方法

 created () {
      this.getData()
    },

4.在<script>标签下,定义methods:{},里面getDat