(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
这只是小编理解,还有许多不足之处, 请提出。
小编加以改正。