Vue3.0

2022-10-24

一、Vue3.0环境搭建使用vite创建Vue(3.2.30)项目npminstallyarn-gyarncreatevitevue3-project--templatevuecdvue3-project
云端钓月·2023-06-23 13:26

vue3.0 proxy设置代理不成功

一.设置proxy首先在项目中创建vue.config.js注意在ts环境下仍为js结尾项目配置详情如下：module.exports={devServer:{open:false,//是否自动弹出浏览器页面proxy:{'/api':{//'/api'是代理标识，用于告诉node，url前面是/api的就是使用代理的target:"http://localhost:3000",//目标地址，一般
悠悠~飘·2023-06-22 23:37

vue3.0使用taro-ui-vue3引入组件不生效解决方案

这两天一直研究云闪付小程序，开始和同事好不容易用云闪付的官方ui研究了，但是害怕后期在多个平台上线部署出现不兼容的问题，无奈只好另辟蹊径，选择taro来实现‘一处代码，多处运行’，我们采用Vue3.0+TS+Sass+taro-ui-vue3，在安装编译一直出现问题，掉落我们几根宝贵的头发，这里把本次遇到的坑总结下：第一步：确保已安装全局的vue3环境，在安装taroyarnglobaladd@t
红噔噔·2023-06-22 10:28

Vue全家桶（五）：Vue3快速上手

目录1.Vue3简介2.Vue3带来了什么2.1性能的提升2.2源码的升级2.3拥抱TypeScript2.4新的特性3.创建Vue3.0工程3.1使用vue-cli创建3.2使用vite创建3.3Vue3
CaRuJan·2023-06-22 06:56

vue3.0新特性

vue3.0有哪些新特性vue3.0新特性有：1、性能比vue2.x块1.2～2倍；2、支持tree-shaking；3、引入了CompositionAPI；4、暴露了自定义渲染API；5、新增三个组件
sanly_shi·2023-06-20 09:41

如何在vue3.0中使用echarts图表+demo

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、echarts图表二、vue3中使用1、全局引入2、组件中使用(举个栗子)样式展示提示：以下是本篇文章正文内容，下面案例可供参考一、echarts图表打开echarts官网，可以选择自己想要的图标样式二、vue3中使用1、全局引入import*asechartsfrom'echarts'app.config.globalP
嘉ioo·2023-06-20 05:46

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、OptionsAPI？二、CompositionAPI？三、对比区别？总结提示：以下是本篇文章正文内容，下面案例可供参考一、OptionsAPI？optionsAPI就是大家常说的选项API，也就是以.vue为后缀名的文件，通过定义的methods，computed，watch，data等属性和方法，共同处理页面的逻辑二、
嘉ioo·2023-06-20 05:15

在vue3中如何使用百度地图API（详细步骤+demo示例）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、注册账号、申请成为开发者二、申请密钥AK三、在vue3.0中使用百度地图API提示：以下是本篇文章正文内容，下面案例可供参考一
嘉ioo·2023-06-20 05:15

vue3中使用vue3-seamless-scroll(最新版本滚动插件)

vue3中使用vue3-seamless-scroll(最新版本滚动插件)Vue3.0无缝滚动组件，支持Vite2.0，支持服务端打包官方git地址npm安装npminstallvue3-seamless-scroll
Colesyn L.·2023-06-20 03:43

vue3.0中使用Element-plus默认英文组件修改为中文

vue3.0中使用Element-plus默认英文组件修改为中文修改方法Element-plus1.0.2-beta.59之前的版本可以我这里是"element-plus":"^1.0.2-beta.32
Colesyn L.·2023-06-20 03:12

Vue3 全家桶，从 0 到 1 实战项目

一、vue3.0创建项目vue3创建项目的时候有两种方式，第一种就是官方推荐的vite。另外一种就是使用webpack创建。1.1、vit
前端人·2023-06-20 02:39

EasyPlayer.js播放器用vue3.0集成出现报错是什么原因？

有用户反馈，在集成EasyPlayer.js播放器的时候，用vue3.0集成会报以下错误：TypeError:Cannotreadpropertiesofundefined(reading
TSINGSEE·2023-06-19 22:43

Vue3.0 使用ant-design-vue 日期组件中文化

1引入momentyarnaddmoment-S2main.jsimportmomentfrom'moment'import'moment/dist/locale/zh-cn'3、ant-design-vue组件中文化，在App.vue添加全局配置importlocalefrom'ant-design-vue/es/locale/zh_CN'
BlackBright_·2023-06-18 21:25

Vue+TypeScript+Antd 实用脚手架(开箱即用)

Vue3.0将使用TS重写，重写后的Vue3.0将更好的支持TS。2020年TypeScript将会更加普及，能够熟练掌握TS，并使用TS开发过项目，将更加成为前端开发者的优势。
·2023-06-18 20:23

博客园主题——atum3.0升级发布啦

##介绍这是一款基于VUE3.0打造的简约型博客主题，兼容各大主流浏览器，适配各个设备与分辨率，PC、平板、手机等均可正常浏览。并且采用响应式设计，提高使用响应速度。
C君。·2023-06-18 16:00

Vue3.0重点API整理二

Vue3.0重点API整理二_vue3useslots_小猫爱吃yu的博客-CSDN博客Vue3.0初体验，重点API详情介绍https://blog.csdn.net/xiaomao_wxj/article
hsany330·2023-06-18 08:32

第23期 10个案例让你彻底理解React hooks的渲染逻辑 & 花椒前端TypeScript实践总结 & Vue3.0来了，看看尤大大画的重点

花椒前端TypeScript实践总结你是否经常在文章中见到“你还没有用TypeScript么，都2020年了！”这样的标语？今天我们就来探究一下TypeScript的优缺点。是什么尤大选择放弃Webpack？——vite原理解析前两天尤大在Vue3.0beta直播中提到了一个vite的工具，其描述是：针对Vue单页面组件的无打包开发服务器，可以直接在浏览器运行请求的vue文件，对其原理比较感兴趣，
前端收藏家·2023-06-18 07:31

Vue全家桶实战 从零独立开发企业级电商系统(免费升级Vue3.0)

Vue全家桶高仿小米商城–项目简介文章目录Vue全家桶高仿小米商城--项目简介电商项目选型--小米商城的页面流程：业务开发流程：项目内容：商城组件部分：课程所包含的知识图谱：章节介绍：商城的界面展示：首页：登录：帐号密码admin/admin产品站：商品详情:购物车：订单确认：订单支付：微信支付订单支付：支付宝支付订单列表：学完这个课程会有哪些收获？课程意外收获：电商项目选型–小米商城的页面流程：
凌云Struggle·2023-06-17 15:14

Vue3.0 - 创建一个Vue3.0项目

如果创建一个Vue3.0项目一.使用vue-cli创建vue3.0项目二.使用vite创建vue3.0项目一.使用vue-cli创建vue3.0项目需保证脚手架版本高于4.5.0，4.5.0版本以上才支持使用
Jie_1997·2023-06-17 05:06

Vue3.0-创建Vue3.0项目

Vue3.0-创建Vue3.0项目一、创建Vue工程1、创建工程通过指令：Npminitvue@latest选择no，最后输入项目名称2、进入创建文件的项目目录cdvue-demo3、初始化项目通过指令
醺泽·2023-06-17 05:05

前端框架库汇总

VueVue2.0：Vue2.0文档Vue3.0：Vue3.0文档Vue-Router：Vue.js官方的路由管理器。Vuex：Vue.js应用程序开发的状态管理模式。
微光_呀·2023-06-16 15:38

vue3.0 Ts 引入iconfont

打开阿里巴巴矢量图标库我的项目下的xxx项目图标选择symbol模式查看在线链接,双击xxxxxxx.js会打开一个新标签页内容是js文件,保存到项目(后续图标有更新的话,重新替换这个js文件就行)项目中写一个icon组件import{computed}from"vue";constprops=defineProps({iconName:{type:String,required:true,},c
Web Erek·2023-06-16 13:25

搞不懂vue3.0 ref和reactive类型定义有什么区别吗？看这里

了解ref和reactive的区别其他文章首先我们都知道ref函数和reactive函数都是用来定义响应式数据；但是reactive更适合定义复杂的数据类型（json/arr）、ref适合定义基本数据类型（可接收基本数据类型和对象）reactive:(1)它的响应式是更加‘深层次’的，底层本质是将传入的数据包装成一个Proxy。(2)参数必须是对象或者数组，如果要让对象的某个元素实现响应式时比较麻
yezi__626·2023-06-16 10:16

vue3.0之vuex持久化

在开发过程中，有用户信息之类的需要在vuex中存储且需要本地存储，这时候就需要vuex的持久化，也就是要安装vuex-persistedstate插件来支持vuex的状态持久化npmivuex-persistedstate首先把vuex的目录改造为index.js加modules的形式index.jsimport{createStore}from'vuex'importcreatePersiste
黑色船帆·2023-06-16 05:07

vuex中的辅助函数在vue2.0和vue3.0的分别使用

前言最近自己一直在学习vue3，学习到了很多的新知识，非常的感谢coderwhy老师的指导。由于自己一直有做笔记这个习惯，学习到了vuex中的辅助函数，分别在vue2和vue3中的分别使用，以前感觉自己有必要记录下来，来对自己加深印象，巩固基础。正题1、为什么要使用辅助函数conststore=newVuex.Store({state:{name:'james',age:35,height:2.0
copyer_xyf·2023-06-16 05:35

Vue3.0项目搭建

vue2.0项目搭建点这里1、升级vuecli到3.0版本npmuninstall-gvue-clinpminstall-g@vue/cli2、用CMD命令，不要用gitbash，gitbash选不了选项打开CMD命令行，输入e:进入E盘，进入到你的项目所在的文件夹后选择manualy自定义方式，移动光标空格选中Router，Vuexvuecreatedemo(demo是项目名)image.png
叶不归宿·2023-06-16 01:37

web前端-ES6语法学习

Vue3.0的学习ES6的模块化语法ES6模块化规范的概述ES6模块化的体验默认导出与默认导入按需导出和按需导入直接导入并执行模块中的代码Promiseasync/awaitEventLoop宏任务和微任务
GY-93·2023-06-15 23:04

vue3.0文件导入功能--完整代码

1.编写文件导入按钮----前端页面导入2.写.js接口文件importCookiesfrom'js-cookie'constTokenKey='Admin-Token'exportfunctiongetToken(){returnCookies.get(TokenKey)}exportfunctionsetToken(token){returnCookies.set(TokenKey,token
热爱编程的小白～·2023-06-15 23:32

vue3.0体验卡

前言vue3.0Rc（候选发布版本）已经于7月18上线，离正式版本发布已经不远了，鉴于此，本人就通过@vue/composition-api这个VueCompositionAPI来事先体验下3.0的新特性，为以后能快速上手新版本做准备。准备工作下载与引入下载体验版apinpmi@vue/composition-api引入与使用1.在main.js中要引入全部的apiimportVueComposi
·2023-06-15 23:35

vue3.0 beta初体验

检查vue版本➜vue-V@vue/cli4.2.3版本如果是旧的=>安装(mac)vue-cli：➜sudonpmi-g@vue/cli.../*再次检查vue版本*/➜vue-V@vue/cli4.3.1/*美滋滋成了*/创建项目->根据项目勾选自己需要的在这里我选了这几个比较常用的-->Router,Vuex,CSSPre-processors,Linter/Formatter➜vuecre
·2023-06-15 23:35

vue3.0版本 config.js基础配置@Ku_xiao航

在和src同级的路径下创建一个文件名,vue.config.js(这文件名是固定这么写的)module.exports={baseUrl:'/',//根路径outputDir:'dist',//打包的时候生成的一个文件名assetsDir:'assets',//静态资源目录(js,css,img,fonts)这些文件都可以写里面lintOnSave:false,//是否开启eslint保存检测,它
Ku_xiao航·2023-06-15 19:05

vue3.0 最全详细总结+案例

文章目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二.常用CompositionAPI1.ref函数2.reactive函数3.vue2.0响应式原理4.vue3的响应式原理
飞露·2023-06-14 20:00

vue3.0 开发一个“简单“插件

前言随着vue3.0beta的发布，并且其核心插件vuex,vue-router也都出了beta和alpha版进行适配。感觉差不多已经可以用3.0撸个项目来提前感受一下CompositionAPI的魅力。结果发现，还没有一个ui框架出了什么beta还是alpha来适配3.0。于是，那就自己试着撸一个简单ui插件，看看和2.0有什么不同。于是这个项目就是，重构element-ui。目标，适配3.0。
·2023-06-14 19:30

SpringBoot+Vue3+MySQL集群 开发健康体检双系统

本文将介绍如何使用Vue3.0和SpringBoot实现体检套餐模块。技术栈在本文中，我们将使用Vue3.0
·2023-06-14 19:55

vue3.0 选项式 导出el-table数据到excel文件、多sheet页导出、自定义样式导出

第一步：安装两个依赖包npminstall--savexlsxfile-saver第二：在你的页面中添加引用import FileSaver from "file-saver";import XLSX from "xlsx";第三步：导出两个tab面板中的数据导出方法：baseTable、alarmTable与图中的保持一致exportExcel1() {      var workbook = 
₍•ʚ•₎呀呀·2023-06-14 14:16

vue3.0之写tsx语法

目录vue3.0之写tsx测试tsx新建一个App.tsx页面tsx使用v-model指令(App.tsx组件)使用v-show、与三目运算符tsx之数组的遍历(map)自定义属性data-indextsx
小渣亮·2023-06-14 11:01

ECharts之中国地图

效果图背景图片下载npminstallecharts--save引入中国地图    在main.js文件里引入(这里是Vue3.0的模板)importVuefrom'vue'importAppfrom'
半度℃温热·2023-06-13 20:37

vue3.0 + setup +lang=“ts“

只需要给script标签添加一个setup属性，那么整个script就直接会变成setup函数，所有顶级变量、函数，均会自动暴露给模板使用（无需再一个个return了），开发效率将大大的提高！vue3.0+setup+lang=“ts”defineProps来声明props相关信息。defineProps接收的对象和组件选项props的值一样。interfaceListItem{name:stri
axzzy·2023-06-13 18:16

现在有什么基于vue3.0的优秀开源项目呢?

前言以下是一些github上一些基于vue3.0的优秀开源项目，可以自己选择一些去练一下手，废话少说，直接进入正题----1、vue-manage-systemStar:16k是一个基于Vue3和ElementPlus
SiKi学院·2023-06-13 09:20

关于vue3.0 + vite + ts 打包的坑

关于vue3.0+vite+ts打包的坑我的项目是用vue3.0.x+vite2.4.x+ts4.3.x版本开发的，引入一些elementui,axios,vuex等插件，用npmrunbuild打包的时候报了一大堆错，后来发现原来是vue-tsc--noEmit&&vitebuild的问题报错详情：package.json文件默认配置如下："scripts":{"dev":"vite--host
也有1點儿想你·2023-06-13 05:26

Naive Ui Admin - 基于 Vue3/Vite/TS 等最新的前端技术栈构建的免费开源中后台前端框架

关于NaiveUiAdminNaiveUi是不久之前推荐的一款优秀的UI组件库，基于最新的Vue3.0、Vite、NaiveUI、TypeScript等前端技术栈，而今天分享的NaiveUiAdmin就是基于
那些免费的砖·2023-06-12 14:26

开发新项目看过来，这3款基于 Vue 的免费开源的 admin 管理后台框架非常好用

Vuevbenadmin了解详细：https://www.thosefree.com/vue-vben-admin新鲜出炉的高颜值管理后台UI框架，基于Vue3和AntDesignVue，基于Vue3.0
那些免费的砖·2023-06-12 14:53

[vue/no-deprecated-filter] Filters are deprecated.eslint-plugin-vue

我今天写代码的时候出现了这个问题[vue/no-deprecated-filter]Filtersaredeprecated.eslint-plugin-vue，原因是项目是vue3.0的，从vue3.0
掉头发类型的选手·2023-06-12 01:46

Vite+TS+Vue3.0 笔记一

Vue3.0的.vue文件可以不用根标签包裹。
似朝朝我心·2023-06-12 00:37

Vue3 响应式原理

前言学习Vue3.0源码必须对以下知识有所了解：proxyreflectiteratormapweakmapsetweaksetsymbol这些知识可以看一下阮一峰老师的《ES6入门教程》。
谭光志·2023-06-11 15:13

vue3实现H5网页录音并上传（mp3、wav）兼容Android、iOS和PC端

使用Recorder插件可以在HTML5网页中进行录音，录音完成后得到blob文件对象，然后将blob上传到服务器；项目使用的vue3.0版本（这个插件同时支持vue2.0、也支持uniapp，很强！！
·2023-06-11 15:38

vue3实现H5网页录音并上传（mp3、wav）兼容Android、iOS和PC端

使用`Recorder插件`可以在HTML5网页中进行录音，录音完成后得到blob文件对象，然后将blob上传到服务器；项目使用的vue3.0版本（这个插件同时支持vue2.0、也支持uniapp，很强
xiangyuecn·2023-06-11 14:00

【小番茄夫斯基】Pinia状态管理

即Vuex5.x，在Vue3.0的项目中使用也是备受推崇。优点pinia没有mutations，只有：state、getters、actions。
小番茄夫斯基·2023-06-10 19:35

Vue3.0性能提升主要是通过哪几方面体现的(了解)

文章目录一、编译阶段diff算法优化静态提升事件监听缓存SSR优化二、源码体积响应式系统一、编译阶段回顾Vue2，我们知道每个组件实例都对应一个watcher实例，它会在组件渲染的过程中把用到的数据property记录为依赖，当依赖发生改变，触发setter，则会通知watcher，从而使关联的组件重新渲染试想一下，一个组件结构如下图静态文本静态文本{{message}}静态文本...静态文本可以
敲啊敲9527·2023-06-10 15:26

Vue3和Vue2响应式的区别

1.拉开序幕的setup理解：Vue3.0中一个新的配置项，值为一个函数。setup是所有CompositionAPI（组合API）“表演的舞台”。
锦衣夜行001·2023-06-10 00:07
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他