Vue.js 踩坑记之双向绑定

前端之家收集整理的这篇文章主要介绍了Vue.js 踩坑记之双向绑定前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

这篇体验一下VUE的双向绑定

<Meta charset="utf-8">

{{ }} 是所谓的文本插值的方法,目的是显示双向绑定的数据

mounted 表示el挂载到实例上调用的事件

beforeDestory 是实例销毁以前调用

在上例中,在mounted事件中创建了一个定时器,每隔一秒就把当前时间写入文本框中,由于双向绑定的原因,H1标签的文本也会跟着变化,和文本框的文本保持一致。在beforeDestory事件里在Vue实例销毁前则会清除定时器

总结

以上所述是小编给大家介绍的Vue.js 踩坑记之双向绑定。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的Vue相关文章