vue中methods、mounted等的使用方法解析 vue中methods、mounted等的使用方法

methods、mounted的使用方法
vue生命周期(methods、mounted)

1.什么是生命周期
2.钩子函数
3.Vue生命周期之初始化阶段

【vue中methods、mounted等的使用方法解析】
methods、mounted的使用方法

created：html加载完成之前，执行。执行顺序:父组件-子组件
mounted：html加载完成后执行。执行顺序:子组件-父组件
methods：事件方法执行。
watch：去监听一个值的变化，然后执行相对应的函数。
computed：computed是计算属性，也就是依赖其它的属性计算所得出最后的值

export default {name: "draw",data(){//定义变量sourcereturn {source:new ol.source.Vector({wrapX: false}),}},props:{ //接收父组件传递过来的参数map:{//type:String},}, mounted(){//页面初始化方法if (map==map){}var vector = new ol.layer.Vector({source: this.source}); this.map.addLayer(vector); }, watch: {//监听值变化:map值map:function () {console.log('3333'+this.map); //return this.mapconsole.log('444444'+this.map); var vector = new ol.layer.Vector({source: this.source}); this.map.addLayer(vector); } }, methods:{//监听方法click事件等，执行drawFeatures方法drawFeatures:function(drawType){} }}

vue生命周期(methods、mounted)
1.什么是生命周期
首先，我们了解一下"生命周期"这个词。通俗的来说，生命周期就是一个事务从出生到消失的过程。例如，一个人从出生到去世。在vue中，vue的生命周期是指，从创建vue对象到销毁vue对象的过程。
Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。
在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以让我们用自己注册的js方法控制整个大局，在这些事件响应方法中的this直接指向的是vue的实例。

2.钩子函数
【解释】：