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

一、vue生命周期简单介绍

var App={

  template:'',

  data(){

  },

  beforeCreated:function(){

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

  },

  created:function(){

    //可以操作数据

  },

扫描二维码关注公众号,回复: 6872371 查看本文章

  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交流群

                                                                                 

猜你喜欢

转载自www.cnblogs.com/fatpig-wf/p/11244440.html