vue.js
文章平均质量分 82
关于vue的一些知识和自己的一些分享日常
鋜斗
在积累中沉淀,在历练中成长
展开
-
Vue 3.0 自定义指令
vue3重如何自定义指令原创 2023-12-07 18:53:09 · 223 阅读 · 0 评论 -
Vue 3.0 v-for中的Ref数组
vue3中的v-for的ref数组怎么处理?原创 2023-12-07 18:47:47 · 497 阅读 · 0 评论 -
Vue 3.0 状态管理
vue3中的状态管理怎么做?原创 2023-12-07 18:45:58 · 120 阅读 · 0 评论 -
Vue 3.0如何配置TypeScript支持
vue3中的ts支持的配置怎么做?vue3中的ref怎么用ts约束,vue3中的reactive怎么用ts约束,vue3中的computed怎么用ts约束原创 2023-12-06 19:06:31 · 585 阅读 · 0 评论 -
Vue 3.0 组合式API 模板引用
我们在子组件的mounted()生命周期钩子中,通过this.$parent.$refs.parentInput = this给父组件的引用中添加了一个parentInput的属性,并将该子组件作为该属性的值。在父组件中,我们可以根据该引用来访问子组件实例,并调用子组件的方法或访问其属性。例如,在focus()方法中,我们通过this.$parent.$refs.parentInput引用来获取到子组件实例,并调用其$refs.myInput.focus()方法让输入框获得焦点。总的来说,在Vue中原创 2023-12-06 19:01:18 · 154 阅读 · 0 评论 -
Vue 3.0 组合式API provide/inject
在 Vue.js 中,provide 和 inject 是一对用于跨级组件之间进行数据传递的高级选项。它们允许祖先组件向后代组件提供数据,而不需要通过 props 属性层层传递。provide 和 inject 在以下场景中非常有用:跨级组件的状态管理类似于全局配置的数据传递跨级主题设置原创 2023-12-06 18:58:29 · 210 阅读 · 0 评论 -
Vue 3.0 Teleport
Teleport 是 Vue 3 中引入的一种新功能,用于在 DOM 中方便地挂载和移除组件。Teleport 允许你在组件的模板中指定一个目标挂载点,并在组件渲染时将内容直接挂载到指定的目标元素上,而不受组件层次结构的限制。这对于在页面的不同位置渲染组件内容非常有用,例如在模态框、弹出框、滚动列表等场景中。原创 2023-12-06 18:53:43 · 48 阅读 · 0 评论 -
ElementPlus Image 图片
Element plus中怎么设置图片懒加载原创 2023-12-06 18:28:19 · 333 阅读 · 0 评论 -
TypeScript 基础类型详细教程
ts的基础数据类型有时候你会遇到这样的情况,你会比TypeScript更了解某个值的详细信息。 通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型。通过类型断言这种方式可以告诉编译器,“相信我,我知道自己在干什么”。 类型断言好比其它语言里的类型转换,但是不进行特殊的数据检查和解构。 它没有运行时的影响,只是在编译阶段起作用。 TypeScript会假设你,程序员,已经进行了必须的检查。never类型表示的是那些永不存在的值的类型。 例如, never类型是那些总是会抛出异常或根本就不会有返原创 2023-12-02 18:20:32 · 71 阅读 · 0 评论 -
在vue中如何书写 SSR 友好的代码
vue项目中ssr的一些问题和解决方案,如何对于vue项目中写出友好的ssr的项目原创 2023-12-02 00:48:52 · 111 阅读 · 0 评论 -
Vue 3.0 服务端渲染
Vue中怎么实现ssr SSR是什么?怎么实现,怎么调试。原创 2023-12-02 00:43:39 · 243 阅读 · 0 评论 -
Vue 3.0 组合式API 生命周期钩子
vue3的组合式api的生命周期钩子 和一些配置项钩子生命周期函数的使用原创 2023-12-02 00:34:24 · 67 阅读 · 0 评论 -
Vue 3.0 组合式API Setup
vue3中的setup语法糖的用处和一些方式,在setup内部可以使用this吗?在 setup() 内部,this 不会是该活跃实例的引用,因为 setup() 是在解析其它组件选项之前被调用的,所以 setup() 内部的 this 的行为与其它选项中的 this 完全不同。这在和其它选项式 API 一起使用 setup() 时可能会导致混淆。原创 2023-12-02 00:26:48 · 132 阅读 · 0 评论 -
Vue3中的组合式API的详细教程和介绍
VUE3中的组合式API的介绍和一些传值 一些使用方式原创 2023-12-01 23:55:44 · 224 阅读 · 0 评论 -
Vue 3.0 响应式 计算和侦听
Vue3中的watch和watchEffect的区别?以及vue3中如何监听多个数据原创 2023-12-01 23:35:39 · 131 阅读 · 0 评论 -
Vue 3.0 响应性 深入响应性原理
vue3.0响应式原理的实现以及proxy的一些优势 相对于vue2每个组件实例都有一个相应的侦听器实例,该实例将在组件渲染期间把“触碰”的所有 property 记录为依赖项。之后,当触发依赖项的 setter 时,它会通知侦听器,从而使得组件重新渲染。将对象作为数据传递给组件实例时,Vue 会将其转换为 Proxy。这个 Proxy 使 Vue 能够在 property 被访问或修改时执行依赖项跟踪和更改通知。每个 property 都被视为一个依赖项。首次渲染后,组件将跟踪一组依赖列表——即在渲染原创 2023-12-01 21:04:48 · 242 阅读 · 0 评论 -
Vue CLI的介绍【vue利器之一】
Vue CLI是什么,怎么构建的有哪些插件?原创 2023-11-23 21:53:12 · 588 阅读 · 0 评论 -
Vue中给对象添加新属性时,界面不刷新怎么办?
hello world欢迎来到前端的新世界vue.js🐱👓博主在前端领域还有很多知识和技术需要掌握,正在不断努力填补技术短板。您的观看就是作者创作的动力如果为对象添加少量的新属性,可以直接采用Vue.set()如果需要为新对象添加大量的新属性,则通过Object.assign()创建新对象如果你实在不知道怎么操作时,可采取$forceUpdate()进行强制刷新 (不建议)vue3是用过proxy实现数据响应式的,直接动态添加新属性仍可以实现数据响应式。原创 2023-11-18 12:38:56 · 288 阅读 · 0 评论 -
推荐一个非常好用的uniapp的组件库【TMUI3.0】
uniapp+vue3+ts+pinia的组件库原创 2023-11-16 15:53:32 · 832 阅读 · 0 评论 -
vue2和vue3的区别
vue2和vue3的区别?vue2和vue3生命周期的区别,vue的setup语法糖原创 2023-11-07 21:58:50 · 216 阅读 · 0 评论 -
vue3中的setup语法糖?
setup 函数的主要作用是为 Vue 3 的组件提供了更灵活、清晰和可复用的逻辑组织方式,同时提供了更强大的响应式数据管理能力,并且在 TypeScript 项目中具有更好的类型推断支持,从而提升了开发效率和代码质量。使用setup的最主要是利大于弊的。我们要讲究一些使用的方法原创 2023-11-07 21:40:49 · 142 阅读 · 0 评论 -
vue3中使用v-model实现父子组件数据同步
ReferenceError: defineModel is not definedvue中使用v-model来实现父子组件同步原创 2023-10-28 11:01:40 · 605 阅读 · 0 评论 -
vue3中引入百度地图
在vue3中引入百度地图原创 2023-08-24 14:53:36 · 965 阅读 · 2 评论 -
vue修饰符
在程序世界里,修饰符是用于限定类型以及类型成员的声明的一种符号在Vue中,修饰符处理了许多DOM事件的细节,让我们不再需要花大量的时间去处理这些烦恼的事情,而能有更多的精力专注于程序的逻辑处理vue中修饰符分为以下五种:表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符。原创 2023-08-10 22:12:52 · 317 阅读 · 0 评论 -
vue3中基于customRef()实现一个自定义防抖ref函数
vue3响应式 防抖函数的实现原创 2023-07-15 17:05:53 · 267 阅读 · 0 评论