题目
在Vue中,运行下列代码的结果是()。 ``` new Vue((data: {a:1,b:2) ,created:function()(console. log(this. a)) ,mounted()(console. log(this. b)) }``` A. 1 2B. 1 1C. 2 2D. 2 1
在Vue中,运行下列代码的结果是()。
```
new Vue({data: {a:1,b:2} ,created:function(){console. log(this. a)} ,mounted(){console. log(this. b)} }```
- A. 1 2
- B. 1 1
- C. 2 2
- D. 2 1
题目解答
答案
A
解析
步骤 1：理解Vue生命周期钩子
Vue实例生命周期钩子包括created、mounted等。created钩子在实例创建完成后被调用，此时实例已完成数据观测，属性和方法的运算，watch/event事件回调。但尚未挂载到DOM上。mounted钩子在实例挂载到DOM上后被调用，此时可以访问到DOM元素。
步骤 2：分析代码
代码中定义了一个Vue实例，data中包含两个属性a和b，值分别为1和2。在created钩子中，打印了this.a的值。在mounted钩子中，打印了this.b的值。
步骤 3：执行结果
由于created钩子在实例创建完成后被调用，此时this.a的值为1，所以打印出1。mounted钩子在实例挂载到DOM上后被调用，此时this.b的值为2，所以打印出2。
Vue实例生命周期钩子包括created、mounted等。created钩子在实例创建完成后被调用，此时实例已完成数据观测，属性和方法的运算，watch/event事件回调。但尚未挂载到DOM上。mounted钩子在实例挂载到DOM上后被调用，此时可以访问到DOM元素。
步骤 2：分析代码
代码中定义了一个Vue实例，data中包含两个属性a和b，值分别为1和2。在created钩子中，打印了this.a的值。在mounted钩子中，打印了this.b的值。
步骤 3：执行结果
由于created钩子在实例创建完成后被调用，此时this.a的值为1，所以打印出1。mounted钩子在实例挂载到DOM上后被调用，此时this.b的值为2，所以打印出2。