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

                                                                                   

  • 相关阅读:
    2017年7月10日 20:34:02 简易博客记录组
    Oracle审计表AUD$处理方法 (Z)
    Oracle中trace的几种(Z)
    查看oracle数据库是否归档和修改归档模式(转)
    oracle exp-000991
    基于公司级平台封装的SqlserverHelper
    pycharm运行测试程序提示no tests were found
    10-13 验证用户
    10-11 喜欢的数字
    10-1 Python 学习笔记
  • 原文地址:https://www.cnblogs.com/fatpig-wf/p/11244440.html
Copyright © 2011-2022 走看看