- 博客(47)
- 收藏
- 关注
RSS订阅原创 vue知识点大全【59题】
nextTick也叫做异步更新队列方法,而$nextTick方法的主要作用就是等待dom元素加载完毕之后才会执行的回调函数,我们经常会在$nextTick方法里面`获取dom元素`
2024-05-27 19:47:21
683
原创 微信小程序相关
不过vuex也有一些弊端,比如浏览器刷新的时候,vuex的数据会丢失,我们一般结合本地存储来解决,当我们在mutations里面改变state的时候在通过localStorage或者sessionStorage存储到本地,然后在state的状态的属性值那块写一个三元表达式,如果本地存在数据的话则读取本地存储的数据,否则就赋值为null在项目当中我一般使用vuex会保存用户信息和token以及其他的一些状态. 以上就是我对vuex的理解.实例被激活时使用，用于重复激活一个实例的时候。
2024-05-27 19:31:04
843
原创 vue2/vue3、JavaScript、TypeScript理论库
当data发生改变会根据新的数据生成一个新的虚拟dom ，新的虚拟dom和旧的虚拟dom进行对比，这个对比的过程就是diff算法，会找到不同地方，只去渲染不同的地方。如果data是⼀个函数的话，这样每复⽤⼀次组件，就会返回⼀份新的data，类似于给每个组件实例创建⼀个私有的数据空间，让各个组件实例维护各自的数据，避免相互影响。2.⼦传⽗ ⼦组件通过this.$emit("⾃定义的事件",要传给⽗组件的数据), ⽗组件通过⼦组件的标签监听⾃定义的事件,通过⽅法来接收传递的数据。
2024-05-27 19:24:27
722
原创 vue内置常⽤指令和⾃定义指令？
2.4应⽤场景： 其中，第⼀个参数是指令的名称，第⼆个参数是⼀个对象，包含了各个钩⼦函数。v-model：双向绑定表单元素和数据，可以在表单元素上实现数据的双向绑定。v-bind：绑定元素属性或组件属性，可以动态地将数据绑定到元素或组件上。v-show：根据条件显示或隐藏元素，当条件为真时，元素显示，否则隐藏。v-text：将数据绑定到元素的⽂本内容中，可以实现数据的单向绑定。v-if：根据条件渲染元素，当条件为真时，元素被渲染，否则不渲染。v-pre：跳过元素和⼦元素的编译过程，可以⽤来优化性能。
2024-05-16 21:01:23
272
原创 vue3和vue2数据代理区别
1.Vue3： 使⽤了 Proxy 对象和reflect反射（操作对象数据）实现数据响应式，Proxy⽀持13种拦截操作。⼀次只能对⼀个属性进⾏监听，需要遍历来对所有属性监 听。在遇到⼀个对象的属性还是⼀个对象的情况下，需要递归监听。它可以代理整个对象不需要循环递归处理代理的数据，性能更好，不存在vue2中的bug问题。2.Vue2: 基于 Object.defineProperty 实现的。
2024-05-16 21:00:12
373
原创 vue中如何封装⾃定义组件
组件中余留⾜够的插槽slot，⽅便⽗⼦通信 -组件的 data 必须是⼀个函数，返回⼀个对象，这样每个组件实例都可以拥有⾃⼰的数据。-组件的模板应该简洁明了，不要在模板中编写过多的逻辑，应该将逻辑放在组件的⽅法和计算属性 中。-组件的⽅法和计算属性应该定义清楚，不要定义过多的⽅法和计算属性，以免影响性能。-在需要使⽤该组件的地⽅，使⽤ Vue.component() ⽅法注册组件。-组件的事件应该使⽤ $emit ⽅法触发，避免直接修改⽗组件的数据。-组件的样式应该使⽤作⽤域样式，避免样式污染。
2024-05-16 20:59:39
153
原创 vue中如何封装axios
6. 在请求拦截器⾥⾯可以获取vuex的token,并通过config.header.token = vuex的token, 将 token发送给后台。4. 使⽤axios.create⽅法创建axios的实例,在axios.create⽅法⾥⾯可以配置请求的公共地 址和 超时时间以及其他的⼀些配置。8. 在响应拦截器⾥⾯我们可以结束loading加载以及token的过期处理,以及错误响应信息的处理。12. 在对应的⽂件⾥⾯引⼊request.js⽂件。11. 在api⽂件夹内创建对应模块的js⽂件。
2024-05-16 20:58:56
297
原创 vue计算属性和监听器
Vue的响应式系统是通过Object.defineProperty()来实现的，它会在组件实例化时，对数据对 象进⾏递归遍历，对每个属性都通过Object.defineProperty()进⾏劫持，当数据发⽣变化时，会 触发对应的getter和setter⽅法，从⽽实现对数据的监听和响应。在计算属性的实现中，Vue会在组件实例化时，对计算属性进⾏缓存，只有当计算属性的依赖发⽣变 化时，才会重新计算计算属性的值。4.1计算属性是基于它们的依赖进⾏缓存的，只有当它们的依赖发⽣变化时，它们才会重新计算；
2024-05-16 20:58:03
122
原创 vue路由模式
需要注意的是，hash 路由的优点是兼容性好，不需要服务器端的⽀持，但缺点是 URL 不太美观， 且 hash 值会被包含在浏览器的访问历史中。需要注意的是，history 路由的优点是 URL 美观，且不会被包含在浏览器的访问历史中，但缺点 是需要服务器端的⽀持，否则在刷新⻚⾯或直接访问某个 URL 时会返回 404 错误。# 符号 后⾯的部分被称为 hash，它不会被包含在 HTTP 请求中，因此对服务器端完全⽆效，只作为客户端 的⼀个标记 -在 history 模式下，路由的地址不带 # 符号，
2024-05-16 20:56:56
247
原创 vue⽣命周期
需要注意的是，activated 和 deactivated 阶段只有在使⽤ keep-alive 组件时才会被调 ⽤，⽽且只能在组件内部使⽤，⽆法在全局注册时使⽤。1.3beforeMount：在挂载开始之前被调⽤，在这个阶段，Vue 将编译模板，将组件渲染成真实的 DOM节点，但是尚未挂载到⻚⾯上。在这个阶段，我们可以进⾏⼀些操作，例如修改组件的模板、获取 组件的DOM节点等。在这个阶段，我们可以进⾏⼀些操作，例如获取 keep-alive 组件的缓存信息、操作 DOM 节点 等。
2024-05-15 15:57:47
359
原创 vue组件通信
9.`$parent和$children` 在⼦组件内可以直接通过$parent对⽗组件进⾏操作，在⽗组件内可以直接通过$children 对⼦组 件进⾏操作 在⽗组件调⽤⼦组件时候要加下标也就是$children 是⼀个数组 因为可以有很多个⼦组件。2.`⼦传⽗` ⼦组件通过this.$emit("⾃定义的事件",要传给⽗组件的数据), ⽗组件通过⼦组件 的标签监听⾃定义的事件,通过⽅法来接收传递的数据。3.组件使⽤按分类有：⻚⾯组件、业务组件、通⽤组件；7.通过`ref和refs`实现组件之间的通信。
2024-05-15 15:55:47
378
原创 vue2/vue3知识点
对象属性必须在初始化时声明：Vue 的数据响应式机制只能监听到已经声明的对象属性的变化，⽆法 监听到后续添加的属性。对象属性的监听需要额外的内存开销：Vue 的数据响应式机制需要为每个对象属性都创建⼀个依赖 项，并且在属性变化时更新所有依赖项，这会导致额外的内存开销。在数据发⽣变化时，Vue 会通知该数据对应的 Dep 对象，从⽽触发订阅列表中的所有 Watcher 对象的更新。对象属性的监听需要递归：Vue 的数据响应式机制只能监听到对象属性的⼀级变化，⽆法监听到深层 次的变化。
2024-05-15 15:51:43
366
原创 【无标题】
4.30.闭包带来的问题以及使⽤场景 在实际的项⽬中，会基于闭包把⾃⼰编写的模块内容包裹起来，这样编写就可以保护⾃⼰的代码是私有 的，防⽌和全局变量或者是其他的代码冲突，这⼀点是利⽤保护机制。闭包的另⼀个⽤途是使已经运⾏结束的函数上下⽂中的变量对象继续留在内存中，因为闭包函数保 留了这个变量对象的引⽤，所以这个变量对象不会被回收。事件委托，就是利⽤了事件冒泡的机制，在较上层位置的元素上添加⼀个事件监听函数，来管理该元素 及其所有⼦孙元素上的某⼀类的所有事件。5. 使⽤回调函数就是在使⽤闭包。
2024-05-15 15:48:50
297
原创 什么是ts
元组：特殊形式(知道数组内有几个元素并且知道每一个元素的数据类型)的数组。约束函数 输入(参数) 和 输出(返回值) 进行的约束。4.unknown -- 未知类型(比any更加安全)添加了类型约束的语言，是js的超集。let a: string = '张三'3.never -- 从来不存在的类型。typescript简称ts。约束数组 1.类型[] 2.数组泛型。name: '张三',1.void -- 空。2.any -- 任意。
2024-05-15 10:18:56
436
原创 vue路由详解
3.js跳转 window.location.href='地址'3.js跳转 window.location.href='地址'3.js跳转 window.location.href='地址'2.编程式导航 location.href='地址'2.编程式导航 wx.navigateTo。1.声明式导航 router-link。2.编程式导航 router.push。1.声明式导航 navigator。1.声明式导航 a href。原生的html/js。
2024-05-14 13:54:06
154
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人