vue初学未知

1.Object.freeze() 防止修改现有的属性，。

var obj = { foo: 'bar' } Object.freeze(obj) new Vue({ el: '#app', data () { return { obj } } })

<div id="app"> <p>{{ obj.foo }}</p> <!-- 这里的 `obj.foo` 不会更新！ --> <button @click="obj.foo = 'baz'">Change it</button> </div>

 

2. v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。这会影响到该节点上所有的数据绑定：

<span v-once>这个将不会改变: {{ msg }}</span>

 

3.v-bind绑定属性的值为布尔值的情况

在布尔特性的情况下，它们的存在即暗示为 true，v-bind 工作起来略有不同，在这个例子中：

<button v-bind:disabled="isButtonDisabled">Button</button>

如果 isButtonDisabled 的值是 null、undefined 或 false，则 disabled 特性甚至不会被包含在渲染出来的 <button> 元素中。