vue3随手记

科研感悟1

诚然不错，人开始作为一个初学者总要找一个老师去学习，老师越好自然学生也就学得好，这就是韩愈作师说以遗后世的意义，其实读到后来才明白，韩退之的文章师说马说是为一篇文章，如是而已，科研之路慢慢，偶有所感，随手记之
风城侠客·2023-12-30 01:42

vue3生命周期函数

setup()开始创建组件之前，在beforeCreate和created之前执行，创建的是data和methodonBeforeMount()注册一个钩子，在组件被挂载之前被调用。onMounted()注册一个回调函数，在组件挂载完成后执行。onBeforeUpdate()注册一个钩子，在组件即将因为响应式状态变更而更新其DOM树之前调用。onUpdated()注册一个回调函数，在组件因为响应式
James_liPeng·2023-12-30 01:50

爸妈的行李

这次也是在没有任何准备的情况下随手记录我的妈爸，也算是假装给自己一个交代吧。图片发自App将近两个多月没见到他们了，今天来到咸阳，开到他们的小窝看他们，与其说来看他们，不如说他们让我过来的。
小草_5343·2023-12-30 01:26

Ant design vue 2.x 版本在 vue3 中的主题定制

Antdesignvue2.x版本在vue3中的主题定制我们是在vue3.0项目中使用antdesignvue2.0，解决流程和官网思路一致，直接使用less变量层叠即可，但是有一个问题就是需要全量引入
搬砖工KO水泥匠·2023-12-29 23:40

VUE3 中使用 VUEX，报错【[Vue warn]: inject() can only be used inside setup() or functional components.】

VUE3中使用VUEX，报错【[Vuewarn]:inject()canonlybeusedinsidesetup()orfunctionalcomponents.】参考链接1：参考链接vuex报错injuce
搬砖工KO水泥匠·2023-12-29 23:09

vue3.0 中setup中 异步转同步

vue3.0中setup中异步转同步Vue3中的setup前加上async后页面不显示**问题描述**在开发vue3中，因为通过接口数据为异步函数获取，导致最后数据无法成功赋值进return中的数据。
搬砖工KO水泥匠·2023-12-29 23:09

vue3中provide和inject

父子组件间数据通信父组件app.vueimport{reactive,provide,ref,watch}from'vue';exportdefault{...setup(){constuserFlag=ref(false);provide('userFlag',userFlag);return{userFlag}}}子组件Ahome.vueimport{inject,reactive}from'
搬砖工KO水泥匠·2023-12-29 23:09

SpringBoot + vue3 + TypeScript + activiti7 + 动态表单 的工作流引擎

工作流SpringBoot+vue3+TypeScript+activiti7+动态表单+可动态绑定数据库表的工作流引擎介绍兴趣使然，想开发一套自己认为的工作流项目使用vue3+elementui-plus
我是勤奋的小菜鸟·2023-12-29 23:05

vue3中组件ref的ts类型

下面案例是一个父组件获取子组件暴露的数据，需要用到ref。父组件：获取子组件暴露的数据importSearchfrom'./component/search.vue'constsearchRef=ref(null)constgetData=()=>{console.log(searchRef.value?.queryData)}子组件：{{queryData.name}}constqueryDat
雷霆击碎黑暗·2023-12-29 21:19

vue3+ts使用原生click事件报错

在vue3开发过程中，我想在原生的html元素上使用事件,虽然报错，但能运行版本："@types/node":"^18.11.4","vue":"^3.2.37","typescript":"^4.6.4
相见一月·2023-12-29 21:49

vue3中使用ts

一、选项式api中使用ts使用defineComponent定义组件=>启用类型推导Hello01点击{{count}},{{doubleCount}}import{defineComponent}from'vue'typeCount=number|string;interfaceList{username:stringage:number}exportdefaultdefineComponent
qq_42531108·2023-12-29 21:15

vue3中引入文件ts报红色波浪线问题

在创建vue3+vite+ts的项目过程中，发现ts在引入文件时报红色波浪线解决方法：1.如果使用的vsCode中vue插件是Vetur的话，需要卸载重新安装支持vue3的Volar插件2.需要在src
dzry_lr·2023-12-29 21:15

vue3项目使用pako库解压后端返回zip数据

文章目录前言一、pako介绍一些特点和功能：简单示例二、vue3实战示例1.安装后引入库安装:引用用自定义hooks抽取共用逻辑部署小插曲前言外部接口返回一个图片数据是经过zip压缩的，前端需要把这个数据处理成可以显示的图片
TE-茶叶蛋·2023-12-29 21:41

黑豹程序员-vue3下载文件

原理vue3利用在页面中动态创建a标签，设置a标签属性，触发a标签的click实现文件下载。
长安紫薯·2023-12-29 20:33

vite+vue3打包部署问题

最近使用vite+vue3写了个小的demo，发现打包部署后页面出不来。如果是正常把包放在服务器的根目录中，项目页面是可以打开的。但是我要部署的是根目录dist包里面，外面多了一层文件夹。
Fighting宁·2023-12-29 19:21

vue3+ts el-tree高亮回显

{{data.taskName}}constcurrentNodeId=ref('')//回显constleftTreeFillingFn=()=>{leftTreeFillingAPI().then((res)=>{treeData.value=resif(router.currentRoute.value.query.id!==''){finalId.value=router.currentR
圆脸喜欢吃菠萝·2023-12-29 19:17

Vue3.0-watch&&watchEffect函数

一、watch功能罗列1、具有一定的惰性，第一次加载页面不能执行，只有数据变化的时候才会执行2、参数可以拿到当前值和原始值3、可以侦听多个数据的变化，用一个侦听器承载二、watchEffect功能罗列1、立即执行，没有惰性，页面的首次加载就会执行2、自动检测内部代码，代码中有依赖就会执行3、不需要传递侦听数据的内容会自动感知代码和依赖代码，不需要传递多个参数，只需要传递一个回调函数4、不能获取之前
GllWyz·2023-12-29 19:57

Vue3.0-watch侦测器

一、用处计算属性允许我们声明性的计算衍生值，然而在某些情况下，我们需要在状态变化的时候执行一些副作用，例如更改DOM，或者根据异步操作去修改另一处的状态。二、侦听数据源类型watch的第一个参数可以是不同形式的"数据源"，它可以是一个1、ref(包括计算属性)2、一个响应式对象3、一个getter函数4、多个数据源组成的求组下面分别对应的讲解一下1、ref基本类型constmessage=ref(
GllWyz·2023-12-29 19:27

Vvue3.0-自定义hooks&&computed

一、hooks理解理解:3中的hooks就是函数的一种写法，就是将文件的一些单独功能的js代码进行抽离出来进行封装使用作用:3.0借鉴了React的一种机制，用于函数组件中共享状态逻辑和副作用，从而实现代码的可复用性，还有就是在单文件组件功能太多可以用来进行一部分功能的抽离注意:其实hooks和2.0的mixin有点类似，但是相对于mixin而言，hooks更清楚复用功能代码的来源，更清晰易懂二、
GllWyz·2023-12-29 18:57

Vue3使用讲解（超详细）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、介绍二、安装和创建Vue3项目三、组件1.创建组件2.组件通信3.生命周期四、响应式数据和计算属性五、模板语法和指令六、条件渲染和列表渲染七
章IT·2023-12-29 18:55

vue3.0+three.js 光源的设置不生效的问题

在做开发时，遇到了设置光源但是不生效的问题。经过查资料发现我设置的材质为MeshBasicMaterial基本材质，不接收光源。解决办法：需要设置为MeshLambertMaterial，并将mesh设置为可接受光和阴影。代码如下：1、设置光源//环境光light=newTHREE.AmbientLight(0xffffff);light.position.set(0,0,0);scene.add
摘星星的程序媛·2023-12-29 18:02

three.js+vue3点光源不生效的另外一个可能

问题在尝试3D项目的时候，明明按照教程一步步来的，可是点光源就是不生效，模型就是黑色。搜索一番都是说改模型材质。MeshLambertMaterial早就改成这个材质了，还是不行。还有说是光源位置问题，也尝试过移动位置，但是不起作用。解决：后来发现，我安装的three.js版本：^0.160.0，目前的最新版，于是尝试降级，我选择了^0.150.1版本，模型瞬间就有光了！demo:最后附上demo
马上风·2023-12-29 18:56

vue3 vscode no tsconfig与找不到名称“ref”。ts(2304)

如题，这两个问题都与tsconfig的配置有关，先看下问题表现：解决方法，应当正确配置如下，之后保存或重启vscode：
韩小浪~~·2023-12-29 17:14

vue响应式原理

vue2的响应式原理主要使用的是Object.defineProperty(),里面需要传入三个参数，分别是：【响应源数据的对象，源数据中的需要读写的属性，相对应的对象方法（包含了get和set方法）】vue3
小猪猪哟·2023-12-29 17:23

nginx部署前端项目总结

目录1.前端打包2.nginx配置3.注意点1.前端打包本次开发使用的是字节的前端框架ArcoDesign进行开发，使用vue3，ts及vite，框架中有两套环境配置，分别为.env.development
linab112·2023-12-29 17:10

箭头函数的泛型，typescript中怎么写

TypeScript——泛型（函数泛型、模板类型可以是多个、泛型的错误、泛型函数变量、泛型函数类型接口、泛型类1、泛型类2、泛型约束、泛型参数的默认类型）、声明文件、Vue3.0集成ts_typescript
深一海·2023-12-29 16:50

百度地图再vue中的引入方式

使用方式一1.在public->index.html引入ak=自己的密钥2.若是vue2.0就是lib/webpack.base.conf.js加入以下代码，若是vue3.0就在最外层创建一个这个文件module.exports
葫芦娃y·2023-12-29 16:19

解封后第一天

喜欢自己拍的照片，树天云太阳，这些是我爱的素材，自由，辽阔，无边，温暖，一种向往，随手拍，随手记录！
Lily亲子阅读终身学习·2023-12-29 16:03

【mock】手把手带你用mock写自定义接口+mock常用语法

mock自定义接口完整流程官网语法规范:https://github.com/nuysoft/Mock/wiki/Syntax-Specification首先:要有一个项目,我这里是vue3项目,以下从
一个大萝北·2023-12-29 16:01

多个vue项目生产环境下NGINX配置文件

多个vue项目生产环境下NGINX配置文件使用场景1.多个前端项目2.多个后端项目3.修改nginx配置后端接口转发路径4.反向代理某个目录下带特定后缀名的文件5.vue3项目使用前提1.前端修改接口文件
MingT 明天你好！·2023-12-29 16:25

TypeScript 的基础语法

书接上上文：关于vue3的知识点和上文：TypeScript的安装与报错我们来接着看TypeScript的基础语法TypeScript语法1.类型注解类型注解是变量后面约定类型的语法，用来约定类型，明确提示
一个大萝北·2023-12-29 16:52

NSTimer不能释放的问题

终于闲下来,随便写点东西,不是高深的东西,只是随手记下NSTimer会引起循环引用问题,当在一个ViewController中引用NSTimer的对象的时候,如果把Timer的repeat置为YES,那么当
captainGao·2023-12-29 15:28

VSCode + vite + vue3断点调试配置

没想到这个配置我搞了一上午，网上很多的配置方案都没有效果。总算搞定了，特此记录一下。首先需要在.vscode文件夹下面创建launch.json配置文件。然后输入如下配置：{//使用IntelliSense了解相关属性。//悬停以查看现有属性的描述。//欲了解更多信息，请访问:https://go.microsoft.com/fwlink/?linkid=830387"version":"0.2.
acgCode·2023-12-29 15:11

如何使用vue ui创建vue项目

elementui等插件，配置好一些属性以及依赖关系，方便我们使用，我个人第一次接触它就感觉非常智能和强大配置步骤1、安装VueCLI，因为vueui是在VueCLI基础上封装的ps:vueui命令是vue3
忧郁的蛋~·2023-12-29 15:39

element el-table实现可进行横向拖拽滚动

需求】基于elment的el-table组件生成的表格，使其可以横向拖拽滚动【实现】灵感来源于这篇文章【Vue】表格可拖拽滚动，作者已给出原理，感兴趣的可以去了解找到el-table元素对应的目标元素（VUE3
我总是词不达意·2023-12-29 14:06

【Vue3】创建项目的方式

1.基于vue-cli创建##查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##执行创建命令vuecreatevue_test本质上使用webpack，默认安装以下依赖：2.基于vite创建官方使用的方式。##1.创建命令npmcreatevue@latest##2.具体配置##
小秀_heo·2023-12-29 13:58

【vue3】实现大屏实时刷新时间的功能

前言实现大屏的实时刷新时间的功能：在大屏中有时需要实现显示日期和当前的时间的功能，且秒数需要实时刷新。实现方法要点：每隔一秒刷新一次。{{time.date}}{{time.week}}{{time.time}}import{getTime}from'@/utils';//获取并刷新日期consttime=ref('');constgetDataTime=()=>{time.value=getTi
Lana学习中·2023-12-29 12:05

【Vue3-ElementPlus】关于v-loading不生效以及控制台输出[Vue warn]: Failed to resolve directive: loading 的问题

快来品shi!\Huge\color{Orange}快\\color{Red}来\\color{Blue}{品}\\color{Goldenrod}shi\\color{LimeGreen}!快来品shi!辛路历程：  ElementPlus官方文档#Loading加载中使用v-loading实现加载效果，但只字不提v-loading是哪来的，而且因为刚入门，我也不清楚v-loading到底是个什
Ls_Jan·2023-12-29 11:42

Vite+Vue3学习笔记（2）——语法、渲染、事件、数据传递、生命周期、第三方库、前端部署

官网链接：https://cn.vuejs.org/如果出现普通用户无法新建项目，必须要管理员身份新建，那么可以在nodejs的安装路径设置安全选项，提高普通用户的权限。具体方法参考：https://blog.csdn.net/weixin_43174650/article/details/1218659340基本标签标签功能template模板div块h1~h6标题p文字header头部main
阳排·2023-12-29 10:57

vue3.0特性展望

9月30日，尤雨溪在medium个人博客上发布了vue3.0的开发思路，国内有翻译的版本，见文章最后的参考链接。3.0带了了很大的变化，他讲了一些改进的思路以及整个开发流程的规划。
老鼠AI大米_Java全栈·2023-12-29 09:13

Vue3+pdfjs-dist实现PDF文件展示

前言：最近和小伙伴们一起合作完成一个面试推送系统的书写，其中一个功能就是渲染PDF文件，展示用户上传的面经，干了整整一周，终于实现了这个功能，现在将自己实现的过程分享给大家.1.pdfjs-dist展示PDF文件的原理解释pdfjs-dist展示pdf文档的原理，实际上是将pdf中的内容渲染到解析，然后渲染到canvas中进行展示，因此我们使用pdfjs渲染出来的pdf文件，实际上是一张张canv
gurenchang·2023-12-29 09:12

Vue3路由回退

1.在需要回退的页面，添加一个按钮，然后为这个按钮添加一个点击事件回退2.在中引入需要的路由组件useRoute，并引用import{useRouter}from"vue-router";constrouter=useRouter();3.调用回退事件的方法，实现点击事件绑定的函数letcomeBackCompany=()=>{router.back();};
gurenchang·2023-12-29 09:12

element-plus+Vue3实现表格数据动态渲染

前言：最近跟小伙伴一起从0到1一起搭建一个面试学习系统，学习使用element-plus框架动态渲染从后端获取的数据，在这里跟诸位大佬一起分享：话不多说，上代码：//labal表示表头展示的名称prop属性与数组中本列需要展示的数据名对应//如果你需要对数据进行其他的处理，你需要使用插槽scope.row.本行的任意属性名，即可以获得对应数据{{scope.row.website}}搜索//引用仓
gurenchang·2023-12-29 09:42

使用Vue3开发学生管理系统模板1

环境搭建通过解压之前《Vue3开发后台管理系统模板》的代码，我们能够得到用户增删改查的页面，我们基于用户增删改查的页面做进一步的优化。
Python私教·2023-12-29 09:29

【课程-笔记】Vue3+React18+TS4入门到实战系统学习3大热门技术

每日更新学习笔记-有兴趣的客官，请关注点赞，谢谢第1章课程导学-了解本课程必看第2章Vue3核心概念及选项式API-入门Vue3第一步第3章Vue3组件应用及单文件组件-抽象独立的代码第4章Vue3语法系统进阶
ladymorgana·2023-12-29 09:57

Vue3-28-路由-大小写敏感 与 严格匹配

默认情况大小写敏感：默认情况下路由匹配是大小写不敏感的；严格匹配：主要指的是路由的路径最后是否包含【/】，默认是非严格的，即，最后有没有【/】无影响。涉及的关键字sensitive:控制是否大小写敏感；strict:控制是否严格匹配。以上两个关键字，既可以在每一条路由配置中使用；也可以在整个的路由实例中配置，使所有的路由配置都生效。【建议】：在每个路由中单独配置，可以控制的更灵活。使用案例为了简便
NorthCastle·2023-12-29 08:29

Vue3-25-路由-路由的基本使用

对路由的理解路由：就是前端对页面路径的拦截，根据不同的路径渲染不同的组件，从而实现单页应用中的页面局部刷新的功能。安装路由依赖根据使用的不同的包管理工具采用不同的命令，常见的三种包管理工具和对应的命令如下，可以根据自己的情况进行选择使用。npminstallvue-router@4oryarnaddvue-router@4orpnpminstallvue-router@4路由的基本使用步骤1、定义
NorthCastle·2023-12-29 08:28

Vue3-26-路由-useRouter 和 useRoute 两个API 的作用介绍

先来说说两个API的作用useRouter():返回的是项目中的路由实例的对象可以通过这个实例对象进行路由的逻辑跳转useRoute():返回的是当前的路由对象，可以在当前路由对象中获取到路由名称、路由参数、路由路径等玩完整的路由信息。写个案例看一下具体是什么项目描述：1、router.ts文件中配置并导出了router路由实例的对象；2、main.ts文件中使用了router路由实例，这样整个项
NorthCastle·2023-12-29 08:28

Vue3-27-路由-路径参数的简单使用

什么是路径参数在路由配置中，可以将【参数】放在【路由路径】中，从而实现，同一个路由，同一个组件，因路径参数不同，可以渲染出不同的内容。特点：1、当携带不同路径参数的路由相互跳转时，组件实例可以直接被重复使用，无需销毁重建，因此效率高；2、但是，上述的跳转无法调用组件的声明周期钩子，因为组件根本不会重新加载。3、路径参数可以有多个；4、路径参数可以在组件中通过useRoute()API返回的当前路由
NorthCastle·2023-12-29 08:25

ASP.NET Core 依赖注入

依赖注入前言依赖注入一、注册服务二、作用域1.Startup.cs2.IServiceScopeFactory3.Controller注入不同的服务三、服务释放前言‍‍记录学习成果，以便温故而知新今天主要学了一下VUE3
*长铗归来*·2023-12-29 06:19
上一页 59 60 61 62 63 64 65 66 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他