vue.js的优势

认知

现代JS框架存在的根本原因是保持UI与状态同步

核心思想

数据驱动 DOM

核心功能

数据双向绑定
组件（Component）

核心概念

异步更新队列

散落的笔迹

• el: el用于指定一个页面中已存在的DOM元素来挂载Vue实例。
• beforeDestroy生命周期：实例销毁之前调用。主要解绑一些使用addEventListener 监听事件等
• 时间定时器

const timer = setInterval(function(){
    that.date = new Date();
}, 1000)
clearInterval(timer)

• filter: Vue的过滤器
• v-text&v-html
• v-html: ==如果将用户产生的内容使用 v-html 输出后，有可能导师XSS攻击，所以要在服务端对用户提交的内容进行处理，一般可将尖括号“<>”转义==
• v-pre:

<span v-pre>{{ 这里的内容不会被编译 }}</span>

• vue.js只支持单个表达式，不支持语句和流控制。
• v-bind & v-on ：语法糖分别是“:”&"@"
• 语法糖：语法糖是指在不影响功能的情况下，添加某种方法实现同样的效果，从而方便程序开发。
• Vue 在检测到数组变化时，并不是直接重新渲染整个列表，而是最大化地复用 DOM 元素。替换的数组中，含有相同元素的项不会被重新渲染，因此可以大胆地使用新数组来替换旧数组。
• 当 ViewModal 销毁时，所有的事件处理器都会自动删除，无须自己处理。
• '$event' 代表原生的 DOM 事件