P_AMing

实习生个人总结 获取store getters数据 页面动态展示 封装组件动态传递样式 指定位置插入字符串 引入公共文件代码 export default方式的文件

5大核心概念 entry（入口）：webpack入口文件 output（输出）：webpack出口文件 loader（加载器）：webpack 本身只能处理 js、json 等资源，其他资源需要借助

在router里使用pinia 在store 文件夹里新建 pinia.ts文件 mian.ts里引入 routes.ts vue 重定向一共有3种方式，第一种是直接通过路径去重定向，第二种是通过路由

通过使用路由守卫 ＋ meta 属性 实现动态修改页面标题 + document.title = '标题'

斑马纹 超过长度不换行...替换 高斯模糊 透明度 圆角 鼠标样式 去掉浏览器默认样式 阴影等各种样式

基本使用 子组件中的<slot /> 便是父组件放在子组件标签<Child>标签之间的内容。 具名插槽 父组件 中 <Child>标签 之间的内容会根据 插槽的name属性，自动占位对应的name属性

Vue2使用 安装 npm i vue-lazyload -S Vue3 使用 安装 npm install vue3-lazy -S

需要使用到深度选择器 在引入其他UI组件的时候因为要改变其组件的样式 一般的css选择器是无法改变的 因为是使用的 scoped 会有所限制 如果要直接修改组件内的样式 那么我们需要用到 深度选择器

链接：https://www.jianshu.com/p/18c9d6f0faa5\ js数组常用方法 1. concat()，不改变原数组 ** 2. join()，不改变原数组 ** tips: