Vue 基础阶段

（1）v-bind属性指令
（2）v-if条件指令
（3）v-show渲染指令
（4）v-on事件指令
①表达式：方法名、内联语句 ②修饰符
（5）methods选项-代理方法

v-bind动态属性：常用于动态绑定HTML元素的属性

v-if指条件性渲染，为true时渲染DOM，否则不进行渲染：
数据驱动DOM是Vue.js的核心理念

v-show也是指条件性渲染，用法与v-if类似

v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销

v-on： @方法名
v-on用于绑定事件监听器，实现一些交互功能。

建议将事件处理放到methods里声明一个方法，提高可读性与维护性

v-on修饰符：
①.stop：阻止事件的传递，即阻止事件向上冒泡。

.prevent：阻止对象的默认行为

.capture：使用事件捕获机制

.self：当事件在该元素自身触发时执行相应的事件处理程序，在该元素的子元素上不触发。

.once：绑定的事件只能触发一次。

keyup.keyCode键值修饰符，用来监听键盘事件。

console对象，提供5种方法，用来显示信息
日志信息console.log()、一般信息console.info()
除错信息console.debug()、警告提示console.warn()
错误提示console.error()

解析：
（1）console.log()、console.info()、console.debug()的作用都是在浏览器控制台打印信息的。

（2）不同性质的信息前面有不同的图标，并且每条信息后面都有超级链接，点击后跳转到网页源码的相应行。

console.log方法和console.debug()与console.info()，几乎用法完全一样，唯一不同的就是显示时候的表现形式了。

console.log，前端常用它来调试分析代码

console对象的上面5种方法，都可以使用printf（格式化输出）风格的占位符。不过，占位符的种类比较少，只支持字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）、CSS格式化样式（%c）五种。

console.time(),console.timeEnd()方法计算一个操作的执行的时间console.time()是开始，console.timeEnd()是结束。

$ 简单理解就是 document.querySelector 。
$$ 简单理解就是 document.querySelectorAll 。
$_ 是上一个表达式的值
dir 就是 console.dir

这只是小编理解，还有许多不足之处， 请提出。
小编加以改正。