×

javascript

Vue3.2单文件组件setup的语法糖总结(vue3中的setup)

独角兽 独角兽 发表于2024-04-09 浏览9253 评论0
目录 前言 setup语法糖 一、基本用法 二、data和methods 三、计算属性computed 四、监听器watch、watchEffect 五、自定义指令directive 六、import导入的内容可直接使用 七、声明props和emits  八、父组件获取子组件的数据  九、provide和inject传值 十、路由useRoute和useRouter 十一、对await异步的支持 十二、nextTick 十三、全局属性globalProperties

javascript

vue3 如何给动态渲染的组件添加ref(vue动态渲染菜单)

qq_jhbny6lg qq_jhbny6lg 发表于2024-04-08 浏览8123 评论0
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 前言 提示:这里可以添加本文要记录的大概内容: 在开发过程中,很组件都是通过 v-for 动态渲染出来的组件,那么怎么给这些组件设置 ref 呢 提示:以下是本篇文章正文内容,下面案例可供参考 一、问题示例 如下代码功能所示: <div v-for="(e, i) in elements"> <component ref="ref" :is="e.com" /> &

javascript

什么是闭包?(什么是闭包 闭包的作用)

guyuewuren guyuewuren 发表于2024-04-08 浏览8496 评论0
在了解闭包之前,我们要先理解JavaScript的作用域——全局作用域和局部作用域(先不考虑块级作用域)。 在全局作用域下声明的变量就是全局变量 在局部作用域下声明的变量就是局部变量。 因为作用域链的存在,函数内部可以直接读取全局变量。而函数内部无法读取函数内部的局部变量。 那如果我们想读取函数内部的变量呢,怎么办?闭包就出现了 闭包就是在一个函数内部创建另一个函数,让你可以在一个内层函数中访问到其外层函数的作用域。又或者说,闭包就是能够读取其他函数内部变量的函数。

javascript

深入理解Vue响应式原理(vue的响应式原理)

执行注册任务 执行注册任务 发表于2024-04-07 浏览8031 评论0
前言 Vue响应式原理是Vue最独特的特性之一,当数据模型进行修改时,视图就会进行更新,这使得状态管理简单直接,但是其底层的细节还是需要我们深入学习理解,这样遇到一些问题我们才能快速进行定位,并解决;下面我将带大家由浅入深,逐步理解Vue的响应式原理; 如何监测数据的变化 要想准确响应数据的变化,首先需要精确及时的监测数据的变化,Vue检测数据的变化核心还是通过Object.defineProperty();下面通过实例为大家详细阐述Vue检测数据变化的过程,代码示例如下:

javascript

Vue实现登录功能全套详解(含封装axios)

小朱朱 小朱朱 发表于2024-04-05 浏览6626 评论0
目录 Vue项目中实现登录大致思路: 用到的关键文件  一、安装插件 二、创建store  三、封装axios qs vue 插件 api.js的作用  四、路由拦截 五、登录页面实际使用 Vue项目中实现登录大致思路: 1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token 3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页面 4、前端每次

javascript

原生HTML+CSS+JS制作自己的导航主页(前端大作业,源码+步骤详解)

haibao haibao 发表于2024-04-05 浏览23277 评论0
链接:https://pan.baidu.com/s/1uaRCJXyIrY56NXabau4wjw?pwd=LDL6 提取码:LDL6 前言 咕咕了好久啦,今天使用原生HTML+CSS+JS做一个很简单的个人定制的导航主页吧! 先看下完整的效果图吧! 接下来的文章将逐步带领大家制作,现在太晚了,就精简了下,删除了部分动画效果,项目整体非常简单! 项目地址: 链接:https://pan.baidu.com/s/1Cue-H_7zufiBryD-FaKxzA 提取

javascript

前端技术实现文件预览(word、excel、pdf、ppt、mp4、图片、文本)

●°彩儿﹏ ●°彩儿﹏ 发表于2024-03-28 浏览11864 评论0
前言 因为业务需要,很多文件需要在前端实现预览,今天就来了解一下吧。 Demo地址[1]:https://zhuye1993.github.io/file-view/dist/index.html 实现方案 找了网上的实现方案,效果看起来不错,放在下面的表格里,里面有一些是可以直接通过npm在vue中引入使用。 文档格式 老的开源组件 替代开源组件 word(docx) mammoth docx-preview(npm) powerpoint(pptx) pptxj