vue教程(四)--其他实用用法补充

一、vue生命周期简单介绍

var App={

　　template:'',

　　data(){

　　},

　　beforeCreated:function(){

　　　　//不能操作数据，只是初始化了事件等。。

　　},

　　created:function(){

　　　　//可以操作数据

　　},

　　beforeMount:function(){

　　　　//new vue发生装载，替换<div id='app'></div>之前

　　},

　　mouonted:function(){

　　　　//装载数据之后

　　}

}

二、vue在组件的dom部分，任意的标签中写 ref='xxx'属性，在组件对象中就可以通过this.$refs.xxx的方式，获取到元素

 

三、希望vue渲染dom到页面后，执行的操作，比如让input获取焦点

　　this.$nextTick(function(){

　　　　//操作逻辑

　　})

 

注：git上有开发的项目作为例子，有兴趣的可以下载学习。源代码已上传git：Git地址，QQ交流群

                                                                                                                                           ①群：699050440

                                                                                                                                           ②群：824313640