export default{
? ? data(){
? ? ? datas:[],
//這里的data是一個(gè)空數(shù)組用來存放從后端獲取到的數(shù)據(jù)
}
? ? methods:{
? ? ? ?async getDatas(){
? ? ? ? let res = await get("/index/carousel/findAll");//發(fā)送請求
? ? ? ? this.datas = res.data;//將請求到的數(shù)據(jù)返回到空數(shù)組里
}
}
? ? created(){
? ? ?this.getDatas()//生命周期 還沒加載時(shí)發(fā)送請求
}
}

<template>
  <div>
    <el-input v-model="value"></el-input>
    <el-button type="primary" @click="onSubmit">submit</el-button>
    <div>{{ text }}</div>
  </div>
</template>

export default {
  components: {
    DetailsTab,
    DataTab,
  },
  mixins: [testMixin],
  data() {
    return {
      pageData: 'this is page data',
      commonData: 'this is common data in page',
      value: '',
    }
  },
  watch:{
    value() {
      console.log('page watch value');
    },
  },
  computed: {
    text() {
      const text = `The input value is ${this.value}, this text is from page computed`;
      console.log(text);
      return text;
    },
  },
  created() {
    console.log('page created');
  },
  mounted() {
    console.log('page mounted');
    console.log(this.pageData);
    console.log(this.commonData);
    console.log(this.mixinsData);
  },
  methods: {
    onSubmit() {
      console.log('page methods');
    },
  },
}

export default {
  data() {
    return {
      mixinsData: 'this is mixins data',
      commonData: 'this is common data in mixins',
    }
  },
  watch:{
    value() {
      console.log('mixins watch value');
    },
  },
  computed: {
    text() {
      const text = `The input value is ${this.value}, this text is from mixins computed`;
      console.log(text);
      return text;
    },
  },
  created() {
    console.log('mixins created');
  },
  mounted() {
    console.log('mixins mounted');
  },
  methods: {
    onSubmit() {
      console.log('mixins methods');
    },
  },
}