logo头像
Snippet 博客主题

vue重要Api整理

本文于1538天之前发表,文中内容可能已经过时。

全局配置

silent:禁用Vue.js的所有日志和警告

1
Vue.config.silent=true;

optionMergeStrategies:为选项定义自定义的合并策略,maxin

1
2
3
4
5
6
7
Vue.config.optionMergeStrategies._my_option=function(parent,child,vm){
return child+1
}
const Profile=Vue.extend({
_my_option:1
})

全局Api

extend:创建基础vue构造器的子类,使用时候data必需为函数

1
2
3
4
5
6
7
8
9
var Profile=Vue.extend({
template:"<div>test</div>",
data:function(){
return {
firstname:"张三"
}
}
})
new Profile().$mount("#app");

nextTick:将回调推迟到下次dom更新循环之后执行,等修改完数组之后立刻执行这个方法,等待dom更新

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var app=new Vue({
data(){
return {
name:"王五"
}
}
})
Vue.name="李四";
Vue.nextTick(function(){
console.log("test");
})
this.name="张三";
this.nextTick(function(){
console.log("test")
})

Vue.set:设置对象的属性

1
2
3
4
5
6
7
8
9
var vm=new Vue({
data(){
return {
obj:{name:"张三"}
}
}
})
Vue.set(vm.obj,"age",23)//全局方式 最后obj={name:"张三","age":23}
this.$set(this.obj,'sale',"man")//局部方式obj={name:"张三","sale":"man"}

Vue.delete:删除对象属性

选项数据

propsData:在创建实例等过程传递props,主要作用是方便测试