Vue 常见笔试题:

您所在的位置:网站首页 strick的用法 Vue 常见笔试题:

Vue 常见笔试题:

#Vue 常见笔试题:| 来源: 网络整理| 查看: 265

1.Vue nextTick()有什么作用?

答案:Vue是用来异步更新DOM的,为了能操作更新后的DOM,引入了Vue.nextTick()方法,Vue实例的$nextTick()方法与其功能相同。它能接收一个回调函数,并且自Vue2.1.0起,为Vue.nextTick()方法新增了一种返回值,只要没有提供回调并且当前环境原生支持 Promise,那么就能返回一个Promise,如下所示。 Vue.nextTick(function(){}); Vue.nextTick().then(function(){});

2.请介绍一下Vue的侦听器。

答案:侦听器能监听数据对象的属性和计算属性的变化,适合在数据变化时执行异步或高开销的操作,其配置如下所示。 var vm=new Vue({ data:{ name: "strick" , watch:{ name:function(val,oldVal) { console log(val, oldVal);} }); watch选项是一个对象,其键是要监听的属性名,对应的值可以是回调函数、字符串或对象等。回调函数包含两个参数,前者是属性的新值,后者是属性的旧值。 如果要监听一个对象的变化而不是它的某个属性,那么可以增加一个deep参数,将其设为true,代码如下所示。注意,Vue不会保留修改之前的对象副本,因此回调函数中的val 和 oldVal指向了同一个对象。 var vm= new Vue({ data: { people: { name: "strick", age: 28 }, watch:{ people:{ handler: function(val,oldVal){ console.log(val, oldVal);}, deep: true}}})



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3