了解 — 响应式工作原理(二)
最后更新于: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 }}