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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值