vue基础知识

1、引入vue的方式：

<!-- 开发环境版本，包含了用帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

或者：

<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

2、v-bind：将对应元素节点的某个特性和Vue实例的某个属性保持一致。

3、Object.freeze()：阻止修改现有的属性，意味着相应系统无法再追踪变化。例如：

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

var obj = {
  foo: 'bar'
}

Object.freeze(obj)

new Vue({
  el: '#app',
  data: obj
})

4、v-once：执行 一次性的插值，插值处的内容将不再更新。