Vue 如何关掉响应式

大家都知道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>

生活嘛

众生皆苦，但总有些人活得更快乐，并不是他们拥有的比旁人多，而是心里的度比旁人更清晰。心里越坦荡，越明白做人要常怀感恩之心，知足常乐，日子就会变得更自在。