(1)、ref
通过 ref 属性获取DOM(this.$refs.值)
(2)、debugger 断点调试 代码卡到打断点的哪行代码
(3)、step over 跳到下一行
(4)、resume 跳到下一个打断点的地方
(5)、watch 监听
值是对象
监听的也是data里面的数据
参数1: 新值 参数二:旧值
只能监听一个数据 一对一
不会生成新的属性 只监听变化 计算属性能够生成新的属性
不需要写 return
(6)、watch 和 computed 使用场景
computed:
当一个属性受多个属性影响的时候就需要用到computed
例子: 购物车商品结算的时候
watch:
当一条数据影响多条数据的时候就需要用watch
例子:搜索数据
(7)、修饰符
number 转数字
trim 压缩前后空格
lazy 懒
lazy 变为 @change事件 + :value= ' '
(8)、缓存组件 和 不缓存组件
innclude='任何名称匹配的组件都会被缓存'
exclude='任何名称匹配的组件都不会被缓存'
max 最多可以缓存多少组件实例
缓存后的页面不走销毁钩子 max 设置最大缓存界面的个数
(9)、$router 想当于js当中的History对象 this.$router.go() 括号里面 0 当前界面 实现刷新 -1 后退1个 想当于back() 1 前进一个 想当于forward()
(10)、跳转页面
<router-link to="地址">名字</router-link>
(11)、关闭页面所有的定时器
clearInterval(this.timerd);
(12)、清空定时器 v2 v3
v2
beforeDestory destoryed
v3
beforeUnmount unmounted
网友评论