您的位置:首页 > Web前端 > Vue.js

vue 是如何实现视图与viewmodel的双向绑定的?为什么数据一变化,视图就会立即更新,视图产生用户操作,viewmodel就能马上得知

2018-11-29 18:48 651 查看

vue 是如何实现视图与viewmodel的双向绑定的?为什么数据一变化,视图就会立即更新,视图产生用户操作,viewmodel就能马上得知

  1. viewmodel将el指向的模板转换成(一个东西) | string-loader 将引入到模块中html变成字符串
  2. 利用模板引擎将数据渲染上去,如果有指令,对指令进行处理,如@click就会给指定的按钮绑点击事件
  3. 渲染之后的那个东西转成字符串放入到页面中

结论: 视图产生用户操作,viewmodel就能马上得知, 因为viewmodel将自己作用范围的视图做了编译/rerender等处理,并且根据指令来操作了dom
所以被重新渲染到页面中的视图已经与viewmodel做了某些程度的绑定

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: