由于Vue实例没有执行DOM挂载,所以不会执行mounted钩子函数

发布时间 2023-11-13 22:49:07作者: 龙陌

现有以下代码, 打印的结果是( )

new Vue({
    data: { a: 'first', b: 'second' },
    created: function () { console.log(this.a) },
    mounted(){ console.log(this.b) }
})

A
'first'

B
'first' 'second'

C
undefined undefined

D

正确答案:A

由于Vue实例没有执行DOM挂载,所以不会执行mounted钩子函数

mounted是vue中的一个钩子函数,一般在初始化页面完成后,再对dom节点进行相关操作。但是题例中没有执行dom挂载,所以mounted不会执行

至于为什么没有挂载,因为没有写el

<div id="app"> </div>

new Vue({ 

      el: '#app',
 
      data: { a: 'first', b: 'second' }, 
 
      created: function () { console.log(this.a) }, 
 
      mounted(){ console.log(this.b) } 
 
  })

这样就执行了dom挂载了