【无标题】

       差值表达式 {{ }}

• 内容渲染指令（v-html、v-text）

• 条件渲染指令（v-show、v-if、v-else、v-else-if）

        显示/隐藏  v-show:适用频繁切换显示隐藏的场景

        v-else、v-else-if 紧接着 v-if 使用

• 事件绑定指令（v-on）

        可简写 @

• 属性绑定指令 （v-bind）

       修改标签内属性值 可简写 ：

• 双向绑定指令（v-model）

1. 可以快速[获取]或[设置]表单元素的内容

• 列表渲染指令（v-for）v-key唯一值

案例运用：添加 删除 this.list = this.list.filter(item => item.id !== id）

e.stopPropagation()阻止事件冒泡

解绑事件：addEventListenerf方式，必须使用removeEventListener(事件类型, 事件处理函数, 获取捕获或者冒泡阶段)

offsetTop获得元素在页面位置（父元素不能有定位）

scrollTop 滚动事件中卷去的距离

window.addEventListener

document.documentElment.scrollTop

案例：电梯导航