Vue 生命周期
var vm=new Vue({ }) 开始创建一个Vue实例对象
beforeCreate(){ 这是我们遇到的第一个生命周期函数,表示实例完全被创建出来之前,会执行它
在 beforeCreate生命周期函数执行的时候,data和methods中的数据还没有初始化
}
created(){ 遇到的第二个生命周期函数
在created中data和methods都已经被初始化好了
如果调用methods中的方法,或者操作data中的数据,最早,只能created中操作
}
methods 方法
methods中参数的传递
通常是为 metheds 函数提前定义
使用方法和正常的javascript传递参数的方法一样,分为两部:
1、在methods的方法中进行声明,比如我们给add方法加上一个num参数,就要写出add:function(num){}.
2、调用方法时直接传递,比如我们要传递2这个参数,我们在button上就直接可以写。<button @click=”add(2)”></button>.
mounted 钩子函数
mounted是vue中的一个钩子函数,一般在初始化页面完成后,再对dom节点进行相关操作。
-
mounted() { 当挂在到dom上面回调
-
this.submit() 调用方法
-
},
-
methods: {
-
submit() {
-
this.select.List = [];
-
for (var j = 0; j < this.select.label.length; j++) {
-
var Name = this.ToLabel(this.select.label[j])
-
this.select.List.push(Name);
-
}
-
}updated当页面刷新的时候会回调

浙公网安备 33010602011771号