了解 — 响应式工作原理(二)

最后更新于:2022-04-02 08:11:58

>[success] # 了解 -- 响应式工作原理(二) ~~~ 1.这次从代码运行角度来看这个问题 2.在使用vue 时候,'数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新', 从而形成我们常说的数据操作视图的效果 ~~~ >[info] ## 如何实现这种效果 ~~~ 1.下面的说明案例引用了,vue官方文档中推荐的教学视频里面的内容 ~~~ [在 Vue Mastery 观看视频讲解](https://www.vuemastery.com/courses/advanced-components/build-a-reactivity-system "Vue Reactivity") >[danger] ##### 先看一个vue 的例子 ~~~ 1.在页面中调用的'addPrice' 方法,页面会重新计算相乘的表达式price * quantity,然后更新页面 ~~~ ~~~
Price: ${{ price * this.quantity }}
Taxes: ${{ totalPriceWithTax }}
~~~
';