函数式组件优势
无状态、无生命周期、无this,但是性能高,正常的组件是继承vue的一个类,函数式组件就是一个普通函数,没有new的过程,在vue3所有的组件都没有new,所以性能上没有优势。
过滤器只有vue2有,vue3废弃了
使用方式
{{ msg | filterA(参数)}}
全局过滤器定义
Vue.filter('filterA',function(参数){
//处理后的结果
})
局部过滤器定义
data:{
message: "helloTian"
},
//过滤器本质上是函数
filters:{
//注意: 过滤器函数形参中的val,永远是"管道符"前面的那个值
filterA(val){
//charAt方法接受索引值,表示从字符串中把下标对应的字符,获取出来
let first = val.charAt(0).toUpperCase()
//slice方法,可以截取字符串,从指定下标往后截取
let other = val.slice(1)
return first+ other
}
}
使用场景
数据的格式化,时间格式化,千分符,价格,单位转换等
vue3舍弃过滤器,用户可以自己写一个函数,减少模板编译
const filter= ()=>{
return //处理后的结果
}