Vue中的数据监听和数据交互案例解析

前端之家收集整理的这篇文章主要介绍了Vue中的数据监听和数据交互案例解析前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

现在我们来看一下vue中的数据监听事件$watch,

js代码

HTML代码

{{arr}}

这就是数组的监听,对于json我们也是一样的,但是我们得给他一个深度监听,$watch的第三个参数{deep:true}。

angular 中的数据交互有$http,同样对于vue我们也是有数据交互的,有post,get以及jsonp的方法

我们在这里做一个简单的百度搜索功能

css代码

js代码

HTML代码

  • {{item}}
  • 这样一个简单的小案例就做好了。

    以上所述是小编给大家介绍的Vue中的数据监听和数据交互案例解析。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

    猜你在找的Vue相关文章