Vue3.0

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

vue3.0中使用nextTick

前言：这里分享3.0和2.0的方法对比,nextTick是将回调推迟到下一个DOM更新周期之后执行。在更改了一些数据以等待DOM更新后立即使用它vue3.01、引入import{nextTick}from'vue'2、具体使用，配合异步setup(){constmessage=ref('Hello!')constchangeMessage=asyncnewMessage=>{message.val
浩星·2023-06-09 16:28

Vue.js 3.x Composition APIs 及简单使用

文章目录Vue3.0和2.x的区别源码组织方式packages目录结构不同构建版本CompositionAPI设计动机设计动机OptionsAPIDemo:CompositionAPIDemo:对比：性能提升响应式系统升级编译优化优化打包体积
喜大普奔⁶⁶⁶·2023-06-09 05:16

Vue3.0快速入门(速查)

Vue也是基于状态改变渲染页面，Vue相对于React要好上手一点。有两种使用Vue的方式，可以直接导入CDN，也可以直接使用CLI创建项目，我们先使用CDN导入，学一些Vue的基本概念。newVue参数解析我们在实例化Vue这个对象的时候，会传入一些参数，例如varapp=newVue({el:'#app',//需要挂载的节点data:{//在页面中使用的模版变量对应的都是data里面的数据,注
断水流大撕兄·2023-06-08 15:11

Vue3.0 为什么采用 Proxy

Object.defineProperty()作用：在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。1.基本使用语法：Object.defineProperty(obj,prop,descriptor)参数：要添加属性的对象要定义或修改的属性的名称或[Symbol]要定义或修改的属性描述符看一个简单的例子let person = {}let personName = 'li
Yxj-5211314·2023-06-08 12:58

【Vue3.0】- 如何渲染组件

对象从表现上来看组件的模板决定了组件生成的DOM标签在Vue.js内部，一个组件想要真正的渲染生成DOMimage.png应用程序初始化整个组件树是由根组件开始渲染的为了找到根组件的渲染入口，从应用程序的初始化过程开始分析对比vue2.0、vue3.0
啦啦啦喽啰·2023-06-08 09:17

HTML使用Vue3+ElementPlus

1.引入文件element-plus基于vue3.0，所以必须导入vue3.0的js文件，然后再导入element-plus自身所需的js以及css文件，导入文件有两种方法：外部引用、下载本地使用1.1
源末coco·2023-06-08 06:15

（六）Vue3 中的生命周期

3，setup函数内部写法：Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名：beforeDestroy改名为beforeUnmountdestroyed改名为unmountedVue3.0
一杯清酒.·2023-06-08 05:57

Vue 3.0组件的渲染流程

Vue3.0发布后我也有了一些Vue3.0项目使用经验，顺藤摸瓜来学习下Vue3.0源码，向高手学习下编码技巧，以便在项目中更加游刃有余。
chonglingliu·2023-06-08 01:55

vue3.0组件传值的方式

vue3.0组件传值的方式(一)父组件给子组件传值1.父组件给子组件传值，子组件通过defineProps接收数据//App.vueimport{ref,reactive}from'vue'importHelloWorldfrom
文海鸥·2023-06-07 19:26

前端学习--Vue3.0(1)

1使用create-vue搭建Vue3项目1.1认识create-vuecreate-vue是Vue官方新的脚手架工具，底层切换到了vite（下一代前端工具链），为开发提供极速响应create-vue基于vitevue-cli基于webpack1.2创建项目需要16.0及以上的node.jsnpminitvue@latest创建项目npmi安装依赖包npmrundev运行项目打开浏览器输入地址得到
Michelle209·2023-06-07 17:25

Vue3.0实现图片预览组件（媒体查看器）

前言：最近项目中有个场景，一组图片、视频、音频、文件数据，要求点击图片可以放大预览，左右可以切换音视频、文件，支持鼠标及各种键控制缩放，左右旋转，移动等功能，整理了一下，封了个组件，注释很全面，每块地方都有讲解，可以直接拿到项目中使用先看下效果：clg关于传值：（必传）传入url数组urlList，传入图片所处index，也就是在数组中的索引（非必传）是否支持无限滚动？是否支持ESC键退出？是否支
山楂树の·2023-06-07 16:32

详解defineProperty和Proxy （简单实现数据双向绑定）

听说vue3.0会用proxy替代Object.defineProperty()方法。所以预先了解一些用法是有必要的。proxy能够直接劫持整个对象，而不是对象的属性，并
dingFY·2023-06-07 06:17
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他