大家都知道Vue有双向数据绑定 ,但是很少人知道怎样把它这个功能关掉
比如想要让某个值的改变不改变原有值
使用 Object.freeze(),这会阻止修改现有的 property,也意味着响应系统无法再追踪变化。
例子:
var obj = {
foo: 'bar'
}
Object.freeze(obj)
new Vue({
el: '#app',
data: obj
})
<div id="app">
<p>{{ foo }}</p>
<!-- 这里的 `foo` 不会更新! -->
<button v-on:click="foo = 'baz'">Change it</button>
</div>
额外 Vue 也为大家提供了一个 只能修改数据一次的方法
v-once
通过使用 v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新。但请留心这会影响到该节点上的其它数据绑定:
<span v-once>这个将不会改变: {{ msg }}</span>
生活嘛
众生皆苦,但总有些人活得更快乐,并不是他们拥有的比旁人多,而是心里的度比旁人更清晰。心里越坦荡,越明白做人要常怀感恩之心,知足常乐,日子就会变得更自在。
更多推荐
Vue 如何关掉响应式
发布评论