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节点进行相关操作。

  1. mounted() { 当挂在到dom上面回调
  2.  
    this.submit() 调用方法
  3.  
    },
  4.  
    methods: {
  5.  
    submit() {
  6.  
    this.select.List = [];
  7.  
    for (var j = 0; j < this.select.label.length; j++) {
  8.  
    var Name = this.ToLabel(this.select.label[j])
  9.  
    this.select.List.push(Name);
  10.  
    }
  11.  
    }
     
    updated当页面刷新的时候会回调
posted @ 2020-10-29 16:07    阅读(92)  评论(0)    收藏  举报