vue3搭建项目第25页

开源：基于Vue3.3 + TS + Vant4 + Vite5 + Pinia + ViewPort适配..搭建的H5移动端开发模板

vue3.3-Mobile-template基于Vue3.3+TS+Vant4+Vite5+Pinia+ViewPort适配+Sass+Axios封装+vconsole调试工具，搭建的H5移动端开发模板

HaushoLin·2024-01-30 10:09

在vue中如何使用vuex

二、何时使用多个组件需要共享数据时三、安装npminstallvuex@3--save//vue2安装3vue3安装4四、搭建vuex环境1.创建文件：src/store/index.jsimportVuefrom'vu

X~xue·2024-01-30 09:53

vue3组合式api中，子组件给父组件传递事件的写法

子组件exportdefaultdefineComponent({components:{...},props:{...},//定义抛出的事件名称emits:["player-play"],setup(props,context){//抛出constplay=()=>{...context.emit('player-play',附带的数据);...}}})父组件

qq_33761388·2024-01-30 09:54

vue3组合式api，组件的命名方法详解

在vue3组合式api中，我们可以如下命名这样便可以轻松命名组件，但是我们通常使用setup语法糖形式()来写代码，一旦使用语法糖，便不能再使用上述命名方法，以下我统计了一些setup语法糖的组件命名方法

我只会JS·2024-01-30 09:22

vue 3.0 +vite rem 适配

vue3+vite安装postcss-pxtorem1、安装依赖npminstallpostcss-pxtorem-Dnpminstallamfe-flexible-D2、配置vite.config.tsimportpostCssPxToRemfrom"postcss-pxtorem"exportdefaultdefineConfig

Joan_King_·2024-01-30 09:11

vue3 组合式API获取子组件的属性和方法

在vue2中，获取子组件实例的方法或者属性时，父组件直接通过ref即可直接获取子组件的属性和方法，如下：//father.vuethis.$ref['instanceRef'].testValthis.$ref['instanceRef'].testFunc()//child.vuedata(){return{testVal:'来自子组件的属性'}},methods:{testFunc(){ret

椒盐大肥猫·2024-01-30 09:19

vue3之echarts3D环柱饼图

vue3之echarts3D环柱饼图效果：版本"echarts":"^5.4.1","echarts-gl":"^2.0.9"核心代码：import{onMounted,ref}from"vue";import

V。on·2024-01-30 08:01

vue3之echarts3D环柱图-间隔版

vue3之echarts3D环柱图-间隔版效果：版本"echarts":"^5.4.1","echarts-gl":"^2.0.9"核心代码：import{onMounted,ref}from"vue"

V。on·2024-01-30 08:01

【学习笔记】vue3的watch

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P152节笔记：情况一：监视ref所定义的一个响应式数据情况二：监视ref所定义的多个响应式数据这两种情况比较简单，正常写就ok：情况三

youyoufenglai·2024-01-30 08:24

基于elementPlus二次封装可编辑表格组件

参考：vue3二次封装element-plus表格组件_vue3+ts+elementui-plus封装表格分页组件-CSDN博客组件封装index.vue：{{k.name}}{{item.formatData

前端你鹏哥·2024-01-30 08:51

JavaWeb，Vue的学习（上）

响应性：Vue会自动跟踪JavaScript状态并在其发生变化时响应式地更新DOMVite+Vue3项目的目录结构public/目录：用于存放一些公共资源，如HTML文件、图像、字体等，这些资源会被直接复制到构建出的目标目录中

二狗mao·2024-01-30 08:40

vite+ts+vue3打包的过程和错误

文章目录概要vite.config.ts配置tsconfig.json的配置package.json的配置路由配置打包打开打包后的文件小结概要完成vite的打包，和在本地打开页面记录一下，vite打包过程中的问题!!!vite.config.ts配置vite.config.ts配置打包的相关配置import{defineConfig}from'vite'importvuefrom'@vitejs/

梦想家加一·2024-01-30 07:39

Vue3 Hooks函数使用及封装

目录1.什么是hooks函数？2.封装一个hooks函数不带参数的hooks的封装带参数的hooks的封装1.什么是hooks函数？将单独功能的js代码抽离出来，加工成公共函数，从而达到逻辑复用。有了compositionAPI意味着我们就可以自定义封装hooks，最终的目的都是进行复用，在Vue2中复用的方式大部分都是采取的mixin，但相比hooks,hooks更清楚复用的功能来源及功能。2.

梦想家加一·2024-01-30 07:08

SpringBoot整合EasyCaptcha图形验证码

添加依赖com.github.whvcseeasy-captcha1.6.2需求分析前后端分离，前端使用Vue3开发，后端使用SpringBoot开发。组件首次挂载时，获取验证码。点击图片刷新获取验证

gengduc·2024-01-30 06:29

尚硅谷Vue项目实战硅谷甄选Vue3学习笔记

Props父传值子组件子组件我是子组件:曹植{{props.info}}{{props.money}}{{info}}{{money}}修改props数据letprops=defineProps(['info','money']);//接收父类给予的数值//按钮点击的回调constupdateProps=()=>{//props:只读儿子没有console.log(props.info)}父组件p

　方雄·2024-01-30 04:36

【Vue】为什么Vue3使用Proxy代替defineProperty？

先来看看Vue2中defineProperty来操作数据：constobj={a:1,b:2,c:{a:1,b:2}}function_isObject(v){returntypeofv==='object'&&v!==null;}functionobserve(object){for(letkeyinobject){letv=object[key];if(_isObject(v)){observ

小秀_heo·2024-01-30 03:47

记一次Vue Hybrid App（混合APP）开发（转）

1.浏览设计图、产品原型2.需要用到分享功能3.怎么与Android和iOS原生方法互掉4.网页嵌入到APP中怎么调试5.手机屏幕适配6.如果出现Loadingchunkxxfailed该怎么处理二、搭建项目

不断学习·2024-01-30 01:24

vue3报错 Component name “Footer“ should always be multi-word

报错内容Youmayusespecialcommentstodisablesomewarnings.Use//eslint-disable-next-linetoignorethenextline.Use/*eslint-disable*/toignoreallwarningsinafile.ERRORin[eslint]/Users/soul/projects/learning-vuejs3/c

用户昵称不能为空·2024-01-29 23:42

webpack5快速搭建Vue3项目

webpack5快速搭建Vue3项目基础环境搭建安装依赖webpack配置文件修改引入Vue基础环境搭建参考webpack5快速搭建HTML项目安装依赖vue：yarnaddvue-Svue-loader

weiweivita·2024-01-29 22:27

VUE项目搭建

vue项目搭建选择程序放置的文件夹，在路径栏中输入cmd，再按回车打开命令行窗口在命令行中输入以下内容vuecreatethreejs选择vue3默认创建完成之后的界面是这样打开创建好的工程项目，在package.json

言馨·2024-01-29 22:06

uniapp-v3组合式语法-data实现

)返回的属性将会成为响应式的状态//并且暴露在`this`上data(){return{count:0}},}但这样写,很明显一点都不优雅,代码缩进太多了,还没开始写呢,就已经嵌套了三层大花括号,所以vue3

Qayrup·2024-01-29 21:13

基于vue3+ts+vite封装的动态表单，支持手动编辑生成页面表单配置并渲染使用，所有源码都在文章中

效果图一、第一个文件index.vue，也就是表单生成器的根页面importaxiosfrom'axios'import{ref,reactive}from'vue'importformRenderfrom'./modules/formRender.jsx'importformCreatorfrom'./modules/formCreator.vue'import{ElNotification}f

jsmeng626·2024-01-29 19:04

Vue3 Element-plust表格导出excel文件

安装插件：npmijs-table2excel引入插件：importtable2excelfrom"js-table2excel";table收集数据：consthandleSelectionChange=(val:User[])=>{//收集选中的数据multipleSelection.value=val;};导出excel文件：letarr=[{title:"名称",//名字自定义key:"n

茶已微凉ノ·2024-01-29 19:19

【Uni-App】Vue3如何使用pinia状态管理库与持久化

安装插件pinia-plugin-unistorage引入//main.jsimport{createSSRApp}from"vue";import*asPiniafrom"pinia";import{createUnistorage}from"pinia-plugin-unistorage";exportfunctioncreateApp(){constapp=createSSRApp(App)

RisunJan·2024-01-29 19:42

vue3.0性能优化点之静态标记(PatchFlag)

关注Vue3源码库的童鞋应该有注意到,2021.11月2号Vue更新到了3.2.21版本,自Vue3发布以来,一直在不断的迭代完善着,Vue3的GitHub仓库已有25.7kStar,主流UI框架如:AntDesignofVue

Ashley的成长之路·2024-01-29 18:34

Vue2 VS Vue3 生命周期

三、Vue2VSVue3生命周期生命周期Vue2Vue3备注创建阶段befor

Ashley的成长之路·2024-01-29 18:30

#Vue3篇：defineExpose()可以通过 `defineExpose` 编译器宏来显式指定在 `＜script setup＞` 组件中要暴露出去的属性：

使用的组件是默认关闭的——即通过模板引用或者$parent链获取到的组件的公开实例，不会暴露任何在中声明的绑定。可以通过defineExpose编译器宏来显式指定在组件中要暴露出去的属性：vueimport{ref}from'vue'consta=1constb=ref(2)defineExpose({a,b})当父组件通过模板引用的方式获取到当前组件的实例，获取到的实例会像这样{a:number

前端xiaolibao·2024-01-29 18:30

#Vue3篇：defineProps---withDefaults&& Vue3 中，有以下几种属性或函数不需要手动引入即可直接使用：

reactive({})definePropsimport{defineProps}form'vue'import{typepersons}from'@/types'letprops=defineProps(['a'])withDefaults给默认值import{defineProps,withDefaults}form'vue'import{typepersons}from'@/types'l

前端xiaolibao·2024-01-29 18:27

vue3 el-pagination 将组件中英文‘goto’ 修改为中文到‘第几’

效果如图：要求：将英文中Goto改为到第几操作如下：//注意：这是重要部分//在调用分页组件el-pagination的页面：import{ElConfigProvider}from'element-plus'importzhCnfrom'element-plus/es/locale/lang/zh-cn';zhCn.el.pagination.goto="到第"

PXY_J·2024-01-29 17:10

Vue3+Element Plus+TS 项目利用 el-pagination 封装公共的分页组件

漓°·2024-01-29 17:10

【vue-element-admin】--Pagination分页组件设置

vue-element-admin】--Pagination分页组件设置一、参考资料一、涉及到的文件1、//src/utils/scroll-to.js2、//src/components/Pagination/index.vue3

骨月·2024-01-29 17:40

vue3中使用echarts的子组件接收父级传来参数，并重新渲染 +++watch监听的用法

1、父组件页面：高度(m)importheightChartfrom"./echarts/heightChart.vue"constprops=defineProps({equipmentReal:{type:Object,default:function(){return{};},},echartsData:{type:Array,default:function(){return[];},}}

PXY_J·2024-01-29 17:10

vue3+element plus的el-pagination分页样式自定义

在style下写入::v-deep(.is-active){background-color:#65cea7!important;}这样就可以完成自定义分页器的样式了，快来试试吧！

Sink_web·2024-01-29 17:39

vue3封装el-pagination分页组件

1、效果如图：2、分页组件代码：import{ElConfigProvider}from'element-plus'importzhCnfrom'element-plus/es/locale/lang/zh-cn';zhCn.el.pagination.goto="到第"constprops=defineProps({total:{required:true,type:Number,default

PXY_J·2024-01-29 17:38

vue3 el-pagination二次封装

在网上也有不少的封装案例，但大多都不符合vue3语法糖的最新格式，没多少内容，直接上干货。

努力搬砖的小码农·2024-01-29 17:08

vue3使用create-vue创建项目

vue3使用create-vue创建项目开发工具认识create-vue使用create-vue创建项目前提条件创建一个vue应用安装依赖和启动项目项目结构介绍vue3项目结构修改项目的端口号全局安装create-vue

迷失的小鹿·2024-01-29 16:55

vue3 使用 element-plus 侧边菜单栏多开收起时出现迟滞、卡顿的问题

遇到问题vue3使用element-plus侧边菜单栏多开收起时出现迟滞、卡顿的问题这里多开二级，当点击上面的回收时，出现了卡顿现象，找了很久才发现是因为引入了icon图标具体原因不详！！！！

灰鸽私塾·2024-01-29 16:24

Vue----过滤器(Vue3弃用)

文章目录4过滤器(Vue3弃用)4.1过滤器的定义4.2私有过滤器和全局过滤器4.3连续调用多个过滤器4.4过滤器传参4.6过滤器的兼容性4过滤器(Vue3弃用)过滤器（Filters）是vue为开发者提供的功能

萤火虫的小尾巴·2024-01-29 16:51

分享一个POI封装的Excel解析工具

但是看到这帮人写的代码，心凉了一截，写一个Excel的导入写的都有很多问题，写个示范吧：ExcelUtilutil=newExcelUtil()；util.import(xxx);看似没啥问题，也不知到搭建项目的是哪个

程序员ken·2024-01-29 16:04

rollup + typescript 搭建项目

一、创建项目1、初始化项目1、创建一个项目目录，进入该目录2、执行npminit-y生成package.json3、执行tsc--init生成tsconfig.json2、安装依赖（1）安装typescript和rollup-plugin-typescriptnpminstall-Dtypescriptrollup-plugin-typescript（2）安装rollup，我这里是全局安装npmi

guozhenshu·2024-01-29 15:31

【Vue】2-1、Vue 简介

Vue2官网：Vue.jsVue3官网：Vue.js-渐进式JavaScript框架|Vue.jsVueCLI：VueCLIVueRouter：VueRouter|Vue.js的官方路由一、什么是Vue1

QX_Java_Learner·2024-01-29 15:00

《Vue3 基础知识》Vue2 与 Vue3 技术对比（资源整理，建议收藏）

**Vue3技术Vue2技术描述Vue3Vue2Vue3/2官方指南VueRouter4VueRouter3Vue官方路由管理器Vuex4/Pinia(官方推荐)Vuex3Vue应用程序的状态管理模式+

AvatarGiser·2024-01-29 15:59

Vue的状态管理Pinia

一、介绍官网：https://pinia.web3doc.top/introduction.htmlPinia是Vue官方团队开发的一个全新状态管理库Vue2和Vue3都可以使用去除了mutations

kimi-001·2024-01-29 15:55

VUE3好看的我的家乡网站模板源码

效果和结构2.1动态效果2.2代码结构源码下载作者：xcLeigh文章地址：https://blog.csdn.net/weixin_43151418/article/details/135548927VUE3

xcLeigh·2024-01-29 12:38

VUE3动漫影视视频网站模板源码

文章目录1.视频设计来源1.1主界面1.2动漫、电视剧、电影视频界面1.3播放视频界面1.4娱乐前线新闻界面1.5关于我们界面2.效果和源码2.1动态效果2.2源码结构源码下载作者：xcLeigh文章地址：https://blog.csdn.net/weixin_43151418/article/details/135549182html实现动漫视频网站模板源码，功能最全，好看的动漫网站模板，视频

xcLeigh·2024-01-29 12:33

electron + vue3 + typescript + monorepo + github releas 桌面开发脚手架，快速初始化新建项目

github:https://github.com/enncy/electron-quickly-start安装下载/初始化项目模版npmcreateeqs-cli@latestinit运行#安装pnpmnpmipnpm-g#安装依赖pnpmi打开两个终端分别启动vue和electronnpmrundev:webnpmrundev:app打包npmrunbuild发布npmrunrelease替换

言小溪·2024-01-29 11:00

uni-app vite+ts+vue3模式集成微信云开发

1.创建uni-app项目此处使用的是通过vue-cli命令行方式uni-app官网使用vue3/vite版创建以typescript开发的工程（如命令行创建失败，请直接访问gitee下载模板）npxdegitdcloudio

lyj168997·2024-01-29 10:30

自定义事件总线

当然我们可以选择一些第三方的库Vue2默认是带有事件总线的功能Vue3中推荐一些第三方库，比如mitt当然我们

咸鱼不咸_123·2024-01-29 10:20

vue3+Element Plus实现自定义穿梭框

先上效果图：具体细节可以自己调整这里主要说明派单，取消这两个按钮的实现DOM部分代码：派单取消穿梭框的table表头是动态的html中无需修改，使用这个组件首先需要在scripe中创建如下变量consttableData=ref([])//左侧数据constselectedLeft=ref([])//左侧选中数据constsharedData=ref([])//右侧数据constselectedR

左小白·2024-01-29 10:51

vue

利用vite创建vue3项目npminitvite-appprojectName安装依赖运行项目：cdprojectNamenpminstallnpmrundev数据双向绑定必须要使用ref,reactive

过河卒_51be·2024-01-29 08:51

推荐频道

vue3搭建项目