vuejs中,如何使一个自定义函数在vue渲染完之后再自动执行

我期望在vue中定义一个函数,但是必须在vue中的data,和整个vue页面渲染完之后再去执行该函数,如果vue没有渲染完毕,就会报错,说我没有定义,找不到undefined;

	Vue.nextTick(function () {
  		alert('new message'); 
	})
该方法可以解决:

如我要向页面输出当前的时间戳对应的日期

Vue.nextTick(function () {
    var time_stamps = (new Date()).getTime();
    function add0(m){return m<10?'0'+m:m }
    function format(time_stamps)
    {
//time_stamp是整数,否则要parseInt转换
        var time = new Date(time_stamps);
        var y = time.getFullYear();
        var m = time.getMonth()+1;
        var d = time.getDate();
        var h = time.getHours();
        var mm = time.getMinutes();
        var s = time.getSeconds();
        return y+''+add0(m)+''+add0(d)+add0(h)+''+add0(mm)+''+add0(s);
    }
    var number = format(time_stamps);
    //alert(number);//结果
    add_revise.time_stamp = number;
})



还有就是vue的生命周期也很重要





它可以总共分为8个阶段:
beforeCreate(创建前),
created(创建后),
beforeMount(载入前),
mounted(载入后),
beforeUpdate(更新前),
updated(更新后),
beforeDestroy(销毁前),
destroyed(销毁后)





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值