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

                                                                                   

  • 相关阅读:
    arguments.callee
    React成长路之--项目搭建
    JS判断页面是否被iframe及禁止页面被iframe
    flex实现常见布局
    移动端 js 实现文章的分页、翻页
    移动端开发时,搜索框聚焦时键盘出现“搜索”两字,实现友好操作
    JSON详解
    50SQL练习
    设计模式之单例模式
    Spring REST 入门教程
  • 原文地址:https://www.cnblogs.com/fatpig-wf/p/11244440.html
Copyright © 2011-2022 走看看