【无标题】

vue $set

  • 在vue中,并不是任何数据都是双向绑定的,当数据没有被双向绑定时,需要使用set
  • this.$set(原数组,索引值,需要赋的值)
    原文链接地址:http://t.csdn.cn/hDIKz

vue $nextTick

  • 在下次DOM更新循环结束之后延迟回调。在修改数据之后立即使用这个方法,获取更新后的dom
  • 当数据更新了,在dom中渲染后,自动执行该函数
  • created()钩子函数执行的时候DOM其实并未进行渲染
  • mounted钩子函数,该钩子函数执行时所有的DOM挂载已完成
  • 更新数据后你想立即使用js操作新的视图的时候需要使用他
  • vue是异步执行dom更新的,一旦观察到数据变化,vue就会开启一个队列,然后把同一个事件循环(event loop)当中观察到数据的变化的watcher推送到这个队列。如果这个watcher被触发多次,只会被推送到队列一次,这种缓冲行为可以有效地去掉重复数据造成的不必要的计算和dom草所。而在下一个事件循环时,并进行必要的DOM更新
  • 原文链接:http://t.csdn.cn/zGtr2

this.message
message是element-ui里面的的一个组件,有各种各样的参数
Object.assign()可以接受多个参数,第一个参数是目标对象,后面的都是源对象,assign方法将多个源对象的方法和属性都合并到了目标对象上面,如果在这个过程中出现同名的属性(方法),后合并的属性(方法)会覆盖之前的同名属性(方法)
assign的设计目的是用于合并接口的,所以它接受的第一个参数(目标)应该是对象,如果不是对象,它会在内部转换成对象,所以如果碰到了null或者undefined这种不能转换成对象的值的话,assign就会报错。但是如果是源对象的参数位置,接受到了无法转换为对象的参数的话,对忽略这个源对象参数
http://t.csdn.cn/zz22b

  • async/await

async/await 是ES7提出的基于promise的解决异步的最终方案
字符串中 replace方法
用于将字符串中用一些字符替换另一些字符
join()把数组中的所有元素转换为一个字符串

//watch
watch:{
	//数据发生变化就会进行监听
	num:{
		handler(newVal,oldVal){
			//第一个参数:新值,第二个参数:旧值
		}
		immediate:true;//立即处理,进入页面就触发
		deep:true;//深度监听,属性的变化
	}
}
deep:深度监听
对象和数组都是引用类型,引用类型变量存的是地址,地址没有变,所以不会触发watch。这是我们需要进行深度监听,就需要加上一个属性 deep,值为true;
watch和computed的区别
1、computed支持缓存,只有依赖数据发生改变,才会重新进行计算,而watch不支持缓存,数据变,直接会出发相应操作
2、computed不支持异步,当computed内有异步操作时无效,无法监听数据的变化,而watch支持异步
3、computed属性值会默认走缓存,计算属性是基于他们响应式依赖进行缓存的,也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值,而watch监听的函数接受两个参数,第一个参数是最新的值,第二个参数是输入之前的值。
4、如果一个计算属性是由其他计算属性计算而来的,这个属性以来其他属性,多对一或者一对一,一般用computed,而当一个属性发生变化时,需要执行相应的操作,一对多,一般用watch
http://t.csdn.cn/aKv70

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值