第一篇、vue组件生命周期 beforecreate()和created()

最新推荐文章于 2023-03-30 09:02:31 发布

前端小灰机

最新推荐文章于 2023-03-30 09:02:31 发布

阅读量563

点赞数

文章标签： javascript 前端开发语言 vue.js 前端框架

本文链接：https://blog.csdn.net/qq_59474517/article/details/125633994

版权

beforecreate()

实例创建前， 有事件 生命周期开始，
对应的el没有绑定到实例，data获取不到数据，
也获取不到method方法

created

实例创建完成，该生命周期函数中配置项已经完成，
el没有绑定，可以获取到data数据，有this，没有真实
dom，也可以获取到methods方法。

该阶段一般用于网络数据请求，然后赋值，调用methods方法

  Vue.component('son', {
    template: '#son',
    data() {
      return {
        num: 4
      }
    },
    beforeCreate(){

      console.log('beforeCreate')
      console.log(this)
      console.log(this.num)
      console.log(this.$refs.p)
    },
    created() {

      console.log('created')
      console.log(this)
      console.log(this.num) 
      this.num = 5
      console.log(this.$refs.p) 
    }
  })

  new Vue({}).$mount('#app')