学习笔记-前端

对于vue的配置文件 在export default defineConfig 里添加： 关于elementplus 使用时：

插件文件.js main.js 应用 login.vue 子组件引用 index.vue uuid import { v4 as uuid_v4 } from 'uuid' import { Log

为什么访问 url 指向 相同的子组件,它不更新. 子组件更新 原理是什么啊? 有相关数据发生改变 相关数据必须是一个 响应式对象(proxy对象) 因为这个对象上有一个 get\set 拦截器 当某

main.js 自己创建一个js文件，命名为routes.js 创建两个无关紧要的子组件 HomeComponent.vue & AboutComponent.vue HomeComponent.vu

demo1-一个小滑块 move自定义指令 第一版：data+watch html代码 style代码 js代码 第二版 定义响应性常量在挂载之后 对其style进行设置 html部分同上 js代码

自定义指令部分 js代码 在上述js代码中有用到子组件，并且渲染函数还向子组件传递了props ……，那么子组件的代码如下： jsx->使用jsx语法返回的render渲染函数

监听相关 乱七八糟……哎哎哎，哟哟哟哟~yo！若要解放唯有自渡，奈何我这……哎呀呀呀，，要疯啦，不开心也得学习呀，那就乱乱，啥时候能安静下来啦？？

测试数据的响应性 子组件代码： js部分： template部分： css部分 父组件部分 js代码 template部分 部分知识点： 在 setup 中你应该避免使用 this，因为它不会找到组件

对动态参数值约定 动态参数预期会求出一个字符串，null 例外。这个特殊的 null 值可以用于显式地移除绑定。任何其它非字符串类型的值都将会触发一个警告。 防抖和节流

Object.assign()实际上对每个源对象执行的是浅复制。如果多个源对象都有相同的属性，则使 用最后一个复制的值。 Array.isArray（） 关于render render 与 templ

1、基于class html代码 css 代码 js代码 2、 基于style html代码 css代码 js代码 硬件加速 诸如 perspective、backface-visibility 和 

普通根组件中 未带key的时候 html代码： js代码： 在这里即使添加了key 但是key绑定为index 经过测试跟没加key一样 html代码： js代码： 子组件版本 html代码： js代

异步组件 https://blog.csdn.net/f18855666661/article/details/120392236?spm=1001.2101.3001.6650.5&utm_medi

路由 前置路由：beforeEach（（）=>{}）路由切换前 路由元：meta{} 后置路由：路由切换后 例如title next（）之后才更改 重复多 所以写在后置路由里 注意后置路由没有next

引入 组件 一般组件 路由组件 一级路由 二级路由 新手先写路由规则 再写router-link 最后莫忘记router-view 否则不显示 传参：query （字符串写法，对象写法） params

插槽 作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 父组件 ===> 子组件 。 分类：默认插槽、具名插槽、作用域插槽 使用方式： 默认插槽： 具名插槽： 作用

执行常用的api $nextTcik(callback) [vm.$nextTick( [callback] )] 参数： {Function} [callback] 用法： 将回调延迟到下次 DOM

判断对象有没有某一属性判断的时候，最初使用的是： 出现页面报错的情况：报错为 查询之后 对命令进行修改 ： 错误原因：新版本的ESLint使用了禁止直接调用 Object.prototypes 的