zoukankan      html  css  js  c++  java
  • 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

                                                                                   

  • 相关阅读:
    刚下飞机——Alpha冲刺 总结随笔
    刚下飞机——Alpha冲刺Day10
    刚下飞机——Alpha冲刺Day9
    刚下飞机——Alpha冲刺Day8
    刚下飞机——Alpha冲刺Day7
    快乐就队——Beta冲刺(1/7)
    快乐就队——凡事预则立
    快乐就队——Alpha冲刺问题总结&事后诸葛亮
    快乐就队——换组记录
    快乐就队——Alpha冲刺总结
  • 原文地址:https://www.cnblogs.com/fatpig-wf/p/11244440.html
Copyright © 2011-2022 走看看