javascript - 关于angular、vue的数据传输问题

问题描述

问 题

刚入门了vue和angular，但是还没有实际项目的训练。最近一直在思考一个问题，像vue和angular都是可以双向绑定数据的，如果是想vue写在data里面的数据取出和修改，这一个部分我是没问题。
但是我的问题是，不太清楚如何和后台进行交互。

第一，后台是不是也必须用php等等后台语言来搭建，并提供给前台一个api接口，在data里面调用，获取到服务器传过来的值？当点击某个按钮触发事件之后也发送数据给某一个接口实现数据修改呢？

第二，其实我不太理解双向绑定的意思，像我们在搜索引擎搜索某个东西的时候，我和同学讨论的时候，发现是用angular然后实时获取，那么这个部分，是不是一个onchange事件，加上websocket，这是我的想法，但是总感觉我想复杂化了。。。。

希望有使用过vue或者angular的大牛们可以指点一下，谢谢啦。

解决方案

1. 一个简约流程：
   用户点击按钮 -> 触发 methods.某个方法 -> 发送请求 -> 后台返回数据 -> 写在 data.某个属性 -> 页面数据变化（比如一个列表更新了）

2. 粗糙的双向数据绑定说明：
   视图（页面）上的数据变化 <--- 自动同步修改 ---> 模型（变量）中的数据变化

在 Vue 中数据同步靠访问器（get/set）实现.
例如当 data.name 被修改后，会触发到 name 的 set:

data.name <- 'new name'
△ 当 name 被修改后会自动触发 name 的 set 访问器
name.set()
    △ 会执行某些框架已经处理好的事件，比如更新页面中 v-text="name" 的节点.
    element[v-text="name"].textContent <- 'new name'
    △ 可能还包含更多的事情.
    doSomethingElse();

这篇关于javascript - 关于angular、vue的数据传输问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！