<template>
  <div>
      实例生命周期:{{msg}}
    <button @click="changeMsg">修改</button>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg:"iwen"
    }
  },
  beforeCreate() {
    console.log("beforeCreate")
  },
  created() {
    console.log("created")
  },
  beforeMount() {
    console.log("beforeMount")
  },
  mounted() {
    console.log("mounted")
  },
  beforeUpdate() {
    console.log("beforeUpdate")
  },
  updated() {
    console.log("updated")
  },
  beforeDestroy() {
    console.log("beforeDestroy")
  },
  destroyed() {
    console.log("destroyed")
  },
  methods:{
    changeMsg(){
      this.msg = "ime"
    }
  }
}
</script>

老师我这个只能能显示四个，显示不出来更新之前和更新之后的

1.zip

老师我在父组件中发送网络请求获取了数据,

通过props传递给了子组件

然后我利用v-for指令渲染了dom元素，这里都OK

但是我在mounted生命周期中查找元素,获取不到元素

mounted(){

    console.log(document.querySelectorAll('li'))

    console.log(this.bannerData.length)

  }

我需要获取到元素利用js来操作。

问题描述:我利用axios获取数据,然后传递给了子组件,然后利用v-for渲染了数据,页面渲染成功但是我在mounted获取元素获取不到