vue中的变量默认情况下会被实时更新,这也是vue数据驱动模式的好处。
我们往往在html中使用{{ 这里是变量 }} 这样中双大括号的形式来输出变量的值到相应的html节点中。
例如:
<div id="app"> {{a}} </div>
但是,有时候,我们也只需要这个变量只更新一次就可以了,以后即使这个变量a发生了变化,我们也不在页面上面更新,那么,我们就要用到v-once
例如:
<div id="app" v-once> {{a}} </div>
以上两种模式,仅仅只是是html节点上面差了一个v-once作为节点属性 ,就会使得变量只在这个节点内更新一次。