一、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.在另一个页面导入
哪个页面需要直接引入就可以
数据也可以使用