vue重点

一、vue中qs的方法

方法一:将对象序列化,多个对象之间用&拼接(拼接是由底层处理,无需手动操作)
	
方法二:将序列化的内容拆分成一个个单一的对象
	
前端传参的时候。一般会用到 axios 或者 fetch 、Ajax 。 fetch 、 axios 慢慢从其中崛起。 qs 实在配合这些 api 时,使用最多的参数格式化工具。
	参数格式化工具
代码
	qs.parse()将 URL 解析成对象的形式
	qs.stringify()将对象序列化成 URL 的形式

二、作用域插槽slot-scope

作用
	用于父组件在插槽实例中取到子组件的数据
		
类似
	在子组件用冒号+属性的方式传递数据,类似于props传递数据。
注意
	在template中加slot-scope才能接收子组件的数据
props相当于存值库
	作用域插槽就是父组件在调用子组件的时候给子组件传了一个插槽,这个插槽为作用域插槽,该插槽必须放在template标签里面,同时声明从子组件接收的数据放在一个自定义属性内,并定义该数据的渲染方式。通过下列展示作用域插槽的使用方式:

在这里插入图片描述

三、v-show和v-if

v-show通过css的方式显示与隐藏
	频繁切换显示隐藏用v-show
v-if直接移除dom
	显示隐藏使用次数少用v-if

四、computed和watch

computed有缓存,data不变则不会重新计算
computed从现有数据获取新的数据
属于多对一的关系,可以缓存,可以异步
在这里插入图片描述

watch没有缓存也不能异步
是一对多的关系,不会缓存
如果监听的是对象,需要些deep:true
在这里插入图片描述
五、

遍历时候key的作用

key是vue当前节点的唯一标识,标签名一样,vue就不会重新渲染
排序过滤的时候能优化vue的渲染
key最好不用index,不能随机,最好用数据不变的唯一标识,id字段

六、组件的通讯方法

在这里插入图片描述

七、父子组件生命周期顺序

父组件先创建
	创建从外到内
子组件先挂载
	渲染从内到外
更新是父组件先更新,然后子组件更新

八、v-model的简写

在这里插入图片描述

九、动态组件

在这里插入图片描述
在这里插入图片描述

十、动态组件性能优化

在这里插入图片描述
把import from 写在注册组件里

十一、vue的响应式监听

vue响应式监听,主要监听对象
对数组的监听是重新的数组方法

在这里插入图片描述

	不常用的数据可以数据冻结

十二、mixin

在这里插入图片描述
1.新建js文件
在这里插入图片描述

2.在另一个页面导入
在这里插入图片描述

哪个页面需要直接引入就可以
数据也可以使用
在这里插入图片描述

十三、vue的v-model的底层

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值