vue3简单使用

vite 如何设置 pwa，让网页类似 app 那样运行，使用插件 vite-plugin-pwa

vite如何设置pwa，让网页类似app那样运行，使用插件vite-plugin-pwa一、概述情况还是那么个情况，还是原来的项目vue2改为vite+ts+vue3遇到的问题，今天这个问题是如何在Vite
十月ooOO·2024-01-09 19:50

vue3+TS 项目layout布局设置（夹杂了登录功能的代码）

目录一.目录结构二.页面内容填写1.src/components/slideVerify.vue前端生成验证码2.src/layout/index.vue（新增页面）布局的入口文件3.src/layout/components/header.vue（新增页面）页面的头部4.src/layout/components/footer.vue（新增页面）页面的底部5.src/router/routers
程序猿online·2024-01-09 19:46

vue3 +TS 富文本框引入使用（vditor,tinymce）

目录一.vditor初步安装使用1.安装下载依赖2.创建组件3.引用4.具体目录实践二.Tinymce初步创建使用1.安装下载依赖2.创建组件3.引用4.具体目录实践一.vditor初步安装使用1.安装下载依赖npminstallvditor--save具体参考配置2.创建组件具体路径在src/components/下获取内容//@ts-ignoreimportVditorfrom'vditor'
程序猿online·2024-01-09 19:45

简单本地websocket运行实例（vue3）

目录1.完善一下登陆页面，方便后续使用2.具体实现vue页面3.hooks文件夹建立，存放websocket设置4.建立src的同级server文件夹，用于后端启动websocket服务5.创建index.js文件，编写websocket代码6.在server目录下，通过npmrundev运行后端代码7.效果展示整体代码：1.完善一下登陆页面，方便后续使用登录用户名密码进入聊天室import{re
程序猿online·2024-01-09 19:15

vue3+uniapp+TS+Vite+uView-plus（uniapp-nutui）微信小程序模板搭建

官网下载目录结构：DCloud/uni-preset-vue-码云-开源中国(gitee.com)下载zip压缩包即可目录一.依赖下载二.运行三.vite.config.json文件修改四.uView-plus组件库加载1.安装依赖2.main.ts引入3.uni.scss中引入4.App.vue中首行的位置引入5.pages.json配置6.修改7.测试样式五.pinia引入到项目1.下载依赖（
程序猿online·2024-01-09 19:15

vue3+TS 项目引入element plus 组件库，图标库 使用

elementPlus组件库：Button按钮|ElementPlus(gitee.io)具体详细可以见官方文档：快速开始|ElementPlus(gitee.io)下面是我实操目录一.element-plus安装1.安装依赖2.引入2.1.完整引入，2.2.按需引入-自动导入，2.3.按需引入-手动导入，二.element-plus图标库安装1.下载安装依赖2.注册所有图标一.element-p
程序猿online·2024-01-09 19:45

【vue3中状态管理工具pinia的使用】pinia状态一（state）

1、安装yarnaddpinia//或者//npminstallpinia2、在main.js中引入store//引入piniaimport{createPinia}from'pinia'constpinia=createPinia()//使用piniaapp.use(pinia)3、创建一个Store在项目根目录的src文件夹——创建store文件夹——创建index.js文件index.js中
吾乃冠军·2024-01-09 19:14

【vue3中状态管理工具pinia的使用】pinia状态二（getters）

index.js//有三个状态：state、getters和actions并且可以安全地假设这些概念等同于组件中的“数据”、“计算”和“方法”。import{defineStore}from'pinia';exportconstuseStore=defineStore('main',{//定义statestate:()=>{return{name:'张三',age:18,address:"北京"}
吾乃冠军·2024-01-09 19:14

vue3 +TS 安装使用router路由模块

一.安装1.下载安装依赖npminstallvue-router@nextnpminstall@types/vue-router2.router目录创建在src目录下创建/src/router文件夹包含两个文件route.tsimport{RouteRecordRaw}from'vue-router'constroutes:Array=[{path:'/',name:'index',compone
程序猿online·2024-01-09 19:12

【vue3中状态管理工具pinia的使用】pinia状态三（actions）

csdn关于pinia学习文章index.js有三个状态：state、getters和actions并且可以安全地假设这些概念等同于组件中的“数据”、“计算”和“方法”。import{defineStore}from'pinia';exportconstuseStore=defineStore('main',{//定义statestate:()=>{return{goodsList:[{id:1,
吾乃冠军·2024-01-09 19:41

浪花 - 根据标签搜索用户

多个标签都存在才能搜索出来OR：允许用户传入多个标签，有任何一个标签存在就能搜索出来本文演示两种方式进行标签搜索：使用SQL查询：通过Mybatis-plus的like方法实现标签信息tags的模糊匹配，优点是实现简单使用内存查询
m0_74059961·2024-01-09 19:38

Vue3项目实战开发

@TOC##Vue3项目实战开发一、技术栈说明技术栈为Vue3+Vite4+TypeScript+ElementPlus+Pinia+VueRouter等当前主流框架。
无处安放的波澜·2024-01-09 19:22

java基于VUE3+SSM框架的在线宠物商城+vue论文

摘要信息数据从传统到当代，是一直在变革当中，突如其来的互联网让传统的信息管理看到了革命性的曙光，因为传统信息管理从时效性，还是安全性，还是可操作性等各个方面来讲，遇到了互联网时代才发现能补上自古以来的短板，有效的提升管理的效率和业务水平。传统的管理模式，时间越久管理的内容越多，也需要更多的人来对数据进行整理，并且数据的汇总查询方面效率也是极其的低下，并且数据安全方面永远不会保证安全性能。结合数据内
QQ1928499906·2024-01-09 19:13

Taro +vue3 中 实现 选择城市页面 主要逻辑市 选择了某个城市返回之前的页面

1.需求当我选中了某个城市这个页面肯定从某个页面跳转过来的此时我先选择了城市再跳转回去所以有一个问题就是如何写这个逻辑2.实现//当前城市页面onMounted(()=>{constinstance:any=Taro.getCurrentInstance();if(instance.router.params.url){sourceUrl.value=decodeURIComponent(inst
一只小阿乐·2024-01-09 18:11

Taro+vue3 实现电影切换列表

1.需求我们在做类似于猫眼电影的小程序或者H5的时候我们会做到那种左右滑动的电影列表，这种列表一般带有电影场次2.效果3.说明这种效果在淘票票猫眼电影上都有的，一般电影类型的H5或者小程序这个是都有的第一是好看第二是客观性比较好4.代码、1.整体页面{{chooseMovice.movieName}}{{chooseMovice.movieType}}{{chooseMovice.duration
一只小阿乐·2024-01-09 18:11

Vue3 面试题

Vue3面试题1.Vue3中的CompositionAPI是什么？与OptionsAPI相比有什么优势？答案：CompositionAPI是Vue3引入的一种新的API风格，用于组织和重用组件逻辑。
qq_42431718·2024-01-09 16:01

springboot + element-plus实现文件上传

springboot+element-plus实现文件上传环境效果后端前端环境jdk17+vue3效果后端后端上传图片后返回图片的url前端得到结果后在页面展示packagecom.example.demo.controller
yijianace·2024-01-09 15:38

使用命令行方式搭建uni-app + Vue3 + Typescript + Pinia + Vite + Tailwind CSS + uv-ui开发脚手架

使用命令行方式搭建uni-app+Vue3+Typescript+Pinia+Vite+TailwindCSS+uv-ui开发脚手架项目代码以上传至码云，项目地址：https://gitee.com/breezefaith
偏安zzcoder·2024-01-09 14:01

vue3 内置组件

文章目录前言一、过渡效果相关的组件1、Transition2、TransitionGroup二、状态缓存组件（KeepAlive）三、传送组件（Teleport）四、异步依赖处理组件（Suspense）前言在vue3
枫ゞ·2024-01-09 14:57

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -投票创建后端实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 13:50

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -创建图文投票实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 13:19

如何实现服务器主动向客户端推送实时数据

本文将介绍如何使用Server-SentEvents，在后端使用SpringBoot实现，在前端使用Vue3实现，并提供一个完整的示例。
sg_knight·2024-01-09 11:04

VUE3相比VUE2升级了哪些内容

目录一、Vue3、Vue2对比及提升项二、Vue3创建app.vue示例三、Vue3的setup、Vue2的data对比一、Vue3、Vue2对比及提升项性能提升：Vue3做了大量的优化工作，提升了运行时的性能
Crhy、Y·2024-01-09 11:19

vue3 如何采用 App.vue定义全局变量与方法，并实现局部vue页面刷新

需求描述：两个VUE页面，A为主页面，B为子页面。现需求为，在A页面点击li数据后，B页面内容自动改变。目录一、分析二、代码示例一、分析网上解决方案一般使用provide和inject来定义全局变量和方法，并在局部页面中刷新。但多次尝试后并不适合，以下是prop父子传值以及全局方法配合实现；二、代码示例主页面（A.vue）{{item.name}}exportdefault{data(){retu
Crhy、Y·2024-01-09 11:49

【Vue3】2-3 : 选项式API的编程风格与优势

本书目录：点击进入一、选项式API-三大优势▶只有一个参数，不会出现参数顺序的问题，随意调整配置的位置传入的是一个对象，没有参数顺序问题对比反面教材：▶非常清晰，语法化特别强▶非常适合添加默认值的一、选项式API-三大优势只有一个参数，不会出现参数顺序的问题，随意调整配置的位置非常清晰，语法化特别强非常适合添加默认值的▶只有一个参数，不会出现参数顺序的问题，随意调整配置的位置传入的是一个对象，没有
ladymorgana·2024-01-09 11:48

【Vue3】2-4 : 声明式渲染及响应式数据实现原理

本书目录：点击进入一、声明式渲染1.1什么是JS表达式：能够进行赋值的操作▶正确▶错误示例二、示例：2秒后，页面中message由helloworld变成hivue▶效果三、原理：利用ES6的Proxy对象对底层进行了监控一、声明式渲染{{js表达式}}简洁的模板语法来声明式地将数据渲染进DOM1.1什么是JS表达式：能够进行赋值的操作▶正确{{'hi'}}{{[1,2,3]}}{{functio
ladymorgana·2024-01-09 11:48

【Vue3】2-6 : 计算属性与侦听器区别与原理（一）

本书目录：点击进入一、计算属性-computed:{}1.1目的1.2写法代码二、特征2.1调用时当属性调用2.2缓存2.3默认只读2.4可赋值：需要定义成对象，并写get，set方法（类似于java）三、原理一、计算属性-computed:{}1.1目的简化模板语法中的逻辑编写使视图更加清晰，并具备语义化1.2写法代码{{message.split('').reverse().join('')}
ladymorgana·2024-01-09 11:43

Vue3之插槽

前言之前的文章里介绍了vue3中父传子props方法可以传递js中任意类型的数据。
heiyay·2024-01-09 11:22

Vue3.js组件通信，兄弟组件，父子、祖孙组件

在Vue.js3中，组件通信主要包括父子组件通信、兄弟组件通信以及祖孙组件通信。以下是各种情况下的常见通信方式：1.父子组件通信：1.1Props传递数据：父组件通过props向子组件传递数据：importChildfrom'./Child.vue';exportdefault{data(){return{parentMessage:'HellofromParent!'};},components
heiyay·2024-01-09 11:22

vue3 封装一个按钮组件（可自定义按钮样式）

效果图鼠标悬浮有对应的文字提示，且图标出现背景色和颜色实现目前提供五个固定样式的图标及三个用户自定义的图标，可根据需要补充组件代码import{onMounted,PropType,reactive,ref,watch}from'vue'importTooltipfrom'@/components/Tooltip/src/Tooltip.vue'import{useI18n}from'vue-i1
～Serendipity～·2024-01-09 11:20

vue3 封裝一个常用固定按钮组件（添加、上传、下载、删除）

效果图这个组件只有四个按钮，添加，上传、下载、删除，其中删除按钮的颜色默认是灰色，当表格有数据选中时再变成红色实现组件代码import{Icon}from'@/components/Icon/index'import{useI18n}from'@/hooks/web/useI18n'const{t}=useI18n()defineProps({addBtnShow:{type:Boolean,de
～Serendipity～·2024-01-09 11:50

vue 3.0 所采用的 Composition Api 和 vue 2.0 使用的 Option Api 区别

Vue3.0引入了CompositionAPI，这是对Vue2.0中使用的OptionsAPI的一个补充。
无妄的罪·2024-01-09 11:46

vue3 封装一个Tooltip 文字提示组件

效果图默认展示icon图标，悬浮展示文字如果slot有内容则展示对应内容实现用的是El-Tooltip组件Element-Theworld'smostpopularVueUIframework组件代码import{Icon}from'@/components/Icon'import{ElTooltip}from'element-plus'import{PropType}from'vue'typeP
～Serendipity～·2024-01-09 11:16

Vue3 依赖注入Provide / Inject

Provide/Injectprovide可以在祖先组件中指定我们想要提供给后代组件的数据或方法，而在任何后代组件中，我们都可以使用inject来接收provide提供的数据或方法,如果传递普通的值是不具有响应式的需要通过refreactive添加响应式使用场景：当父组件有很多数据需要分发给其子代组件的时候，就可以使用provide和inject父组件爷级：importAfrom'./compon
是小张呀！·2024-01-09 09:36

vue3 依赖注入Provide / Inject

Provide/Inject：在我学习依赖注入之前，一般父组件传给孙组件一般是通过prop一层一层的传递，这样的嵌套就会相对繁琐，Provide/Inject：就很好的解决了这一问题。先看效果：这里我定义了三个组件，index.vue作为爷爷级别的组件，Aview作为儿子级别的组件，Bview作为孙子级别的组件。在index.vue定义颜色，用provide抛出去，在子组件和孙组件中用Inject
五分钱嘀Love·2024-01-09 09:05

Vue3-44-Pinia- 安装步骤

介绍本文介绍在vue3中安装Pinia的步骤安装步骤1、npm安装npminstallpinia》安装完成后可以看到package.json中添加了pinia的依赖信息2、main.ts中配置//引入vue
NorthCastle·2024-01-09 09:27

Vue3-42-组件-给组件指定名称 + defineOptions 函数的简单使用

下面就是本文要介绍的解决方案：解决方案一在vue3中，提供了一个defineOprions方法，此方法可以帮助我们配置组件的选项式属
NorthCastle·2024-01-09 09:57

Vue3-43-组件- 组件状态保持 KeepAlive 的简单使用

作用说明一个应用场景：当我们在进行路由跳转的时候，会用到来作为组件渲染的出口，此时，组件的状态是不会被保持的。比如：当前在【组件A】中有一个响应式状态num的值通过自加的方式从初始值0变成了100；然后跳转到【组件B】，再次跳转回到【组件A】的时候，num的值会恢复为初始值0。如何实现回到【组件A】的时候，仍然保持num的数据状态为100呢？这就是本文要介绍的KeepAlive组件的作用。它就是用
NorthCastle·2024-01-09 09:20

nohup - 后台执行

将日志放到文件，不输出到终端echo'hello'>1.txt在后台执行，并输出日志到log1.txt文件nohuppythona.py>log1.txt&&0表示键盘输入1表示屏幕输出2表示错误输出简单使用
小田_·2024-01-09 09:16

使用vscode开发小程序项目

使用vscode开发uni-app这里的创建使用用vue3+ts版本，如过是vue2，具体可参考官网命令uni-app官网首先创建uni-app`npxdegitdcloudio/uni-preset-vue
小夏同学呀·2024-01-09 09:34

解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题

目录前言问题概述解决方案1.创建树形表格2.实现全选功能3.实现多选功能4.实现子节点勾选5.实现父节点勾选总结前言作者简介：懒大王敲代码，计算机专业应届生今天给大家聊聊解决Vue3+ElementPlus
懒大王敲代码·2024-01-09 08:43

毕业设计：Vue3+FastApi+Python+Neo4j实现主题知识图谱网页应用——前言

一、项目介绍资源链接：https://download.csdn.net/download/m0_46573428/87796553前言：毕业设计：Vue3+FastApi+Python+Neo4j实现主题知识图谱网页应用
人工智能技术小白修炼手册·2024-01-09 08:34

Js使用ffmpeg在视频中合成音频背景音乐

注意:以下所有的使用案例均基于vue3setup。同时由于@ffmpeg版本不同会导致使用的api不同，使用案例前需要注意@ffmpeg版本问题。
Raccom·2024-01-09 08:41

vue3 img图片怎么渲染

在Vue3中加载图片（img）src地址时，出现无法加载问题。
SailingCoder·2024-01-09 07:53

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -用户信息修改实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 07:20

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -个人中心页面搭建实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 07:19

ant design vue3.2.9 Table可拖拽行

antdesignvue3.2.9Table可拖拽行向上向下exportdefaultdefineComponent({setup(props,context){consthpo=reactive({columns
码到头秃还不会·2024-01-09 07:49

Vue2和Vue3的区别

1.生命周期vue2(左）和vue3（右）创建前：BeforeCreate-----data和methods中的数据都没有初始化创建后：Created-----实例创建完成（vue3将BeforeCreate
胆小小鬼·2024-01-09 07:15

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -投票创建页面实现

锋哥原创的uniapp微信小程序投票系统实战：uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)
java1234_小锋·2024-01-09 07:44

【OpenCV学习笔记02】- 图像入门

内容这里介绍了图像处理的入门操作，，你将学习如何读取图像，如何显示图像以及如何将其保存回去你将学习以下功能：cv.imread()，cv.imshow()，cv.imwrite()简单使用OpenCV读取图像使用
夜七天·2024-01-09 07:04
上一页 98 99 100 101 102 103 104 105 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他