Vue 常见笔试题: |
您所在的位置:网站首页 › strick的用法 › Vue 常见笔试题: |
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 |