美文网首页
vue数据交互

vue数据交互

作者: zjxl | 来源:发表于2017-07-20 09:52 被阅读0次

dom

   <ul>
      <li v-for="item in items">
          {{item.name}}
      </li>
 </ul>

ajax

        $.ajax({
        url:"data/book.json",
          dataType:"json",
        method:"Get",
          data:{数据参数}
        success:(data)=>{
            console.log(data);
            },
        error:(xhr,textStatus,error)=>{
            console.log(error)
            }
        })

axios

axios.get('data/book.json',{params:{参数}})
    .then(function (data) {
      console.log(response);
    },function(err){
      console.log(err);
         })
    .catch(function (error) {
      console.log(error);
        })

相关文章

  • vue起步(2)之数据交互

    vue中的交互(ajax,jsonp) vue中也存在像ajax和jsonp的数据交互,实现向服务器获取数据,但是...

  • axious

    axios: vue ajax 前端页面和后台数据进行交互 json vue 库

  • vue数据交互

    dom ajax axios

  • Vue数据交互

    1.静态数据绑定 对想要操纵的元素绑定方法传参,在实例中将对应数据进行重新绑定,在HTML中通过获取属性进行渲染 ...

  • axios

    axios vue的 ajax(前端页面和后台数据做交互)。

  • Vue1.0学习小结1

    目录 什么是Vue? 常用指令 事件 属性 class和style 过滤器 数据交互 1. 什么是Vue? vue...

  • Vue.js仿eleme项目(3)

    六,header组件开发 1. vue-resource vue-resource 处理前后端请求数据交互。安装引...

  • Vue原生实现数据双向绑定,defineProperty和Pro

    数据双向绑定是Vue的一个重要特点,使得整个框架可以基于数据驱动实现各种数据渲染及交互。Vue2利用Object....

  • vueJS使用leadcloud数据存储

    vue前端使用leadcloud数据存储,实现纯前端+leadcloud进行数据交互,无需server端,轻松实现...

  • vue2.0 + Element + vue-cli + res

    今天,准备写一个关于前后台数据交互,用vue2.0 + Element + vue-cli + resource开...

网友评论

      本文标题:vue数据交互

      本文链接:https://www.haomeiwen.com/subject/frldkxtx.html