props校验动态组件 keep-alive组件-- 指定缓存激活失活插槽

All rivers run in to the sea

已于 2022-05-19 21:12:39 修改

阅读量554

点赞数

分类专栏： vue vue生命周期钩子函数文章标签：前端 vue.js

于 2022-05-09 21:41:23 首次发布

本文链接：https://blog.csdn.net/qq_43944285/article/details/124658887

版权

本文深入探讨了Vue.js中的props校验、动态组件的使用，特别是通过`:is`属性实现动态加载。重点讲解了keep-alive组件在缓存组件方面的功能，包括activated和deactivated钩子，以及如何指定缓存。此外，还详细阐述了插槽的使用，包括默认插槽、具名插槽和作用域插槽的概念及应用，最后简要介绍了自定义指令。

摘要由CSDN通过智能技术生成

1.props校验

普通的  props:["prosA"]
//校验数据
props:{
   
   type:类型
   required:
   default:'' || () =>[]
   validator : val=>{
   }
}

props: {
   
    // 基础的类型检查 (`null` 和 `undefined` 会通过任何类型验证)
    propA: Number,
    // 多个可能的类型
    propB: [String, Number],
    // 必填的字符串
    propC: {
   
      type: String,
      required: true
    },
    // 带有默认值的数字
    propD: {
   
      type: Number,
      default: 100
    },
    // 带有默认值的对象
    propE