vue3.0项目前期

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

java版工程管理系统源码+项目说明+功能描述+前后端分离 + 二次开发

实现对数据字典标签的增删改查操作2、编码管理：实现对系统编码的增删改查操作3、用户管理：管理和查看用户角色4、菜单管理：实现对系统菜单的增删改查操作5、角色管理：管理和查看用户角色的权限6、系统消息：查看系统消息二、系统设置1、项目前期模板设置
Xiaohong0716·2023-06-09 21:13

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

Java 版 spring cloud 工程系统管理 工程项目管理系统源码 工程项目各模块及其功能点清单

实现对数据字典标签的增删改查操作2、编码管理：实现对系统编码的增删改查操作3、用户管理：管理和查看用户角色4、菜单管理：实现对系统菜单的增删改查操作5、角色管理：管理和查看用户角色的权限6、系统消息：查看系统消息二、系统设置1、项目前期模板设置
m0_68459853·2023-06-09 04:21

企业工程项目管理系统源码-专注项目数字化管理-Java工程管理-二次开发

实现对数据字典标签的增删改查操作2、编码管理：实现对系统编码的增删改查操作3、用户管理：管理和查看用户角色4、菜单管理：实现对系统菜单的增删改查操作5、角色管理：管理和查看用户角色的权限6、系统消息：查看系统消息二、系统设置1、项目前期模板设置
微服务商城技术分享·2023-06-08 21:45

Java企业工程项目管理系统+spring cloud 系统管理+java 系统设置+二次开发

实现对数据字典标签的增删改查操作2、编码管理：实现对系统编码的增删改查操作3、用户管理：管理和查看用户角色4、菜单管理：实现对系统菜单的增删改查操作5、角色管理：管理和查看用户角色的权限6、系统消息：查看系统消息二、系统设置1、项目前期模板设置
微服务技术分享·2023-06-08 19:13

Vue3.0快速入门(速查)

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

Java版本企业工程项目管理系统源码+spring cloud 系统管理+java 系统设置+二次开发

实现对数据字典标签的增删改查操作2、编码管理：实现对系统编码的增删改查操作3、用户管理：管理和查看用户角色4、菜单管理：实现对系统菜单的增删改查操作5、角色管理：管理和查看用户角色的权限6、系统消息：查看系统消息二、系统设置1、项目前期模板设置
微服务技术分享·2023-06-08 13:02

企业工程项目管理系统源码+spring cloud 系统管理+java 系统设置+二次开发

实现对数据字典标签的增删改查操作2、编码管理：实现对系统编码的增删改查操作3、用户管理：管理和查看用户角色4、菜单管理：实现对系统菜单的增删改查操作5、角色管理：管理和查看用户角色的权限6、系统消息：查看系统消息二、系统设置1、项目前期模板设置
微服务技术分享·2023-06-08 13:18

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

Java 版 spring cloud 工程系统管理 工程项目管理系统源码 工程项目各模块及其功能点清单

实现对数据字典标签的增删改查操作2、编码管理：实现对系统编码的增删改查操作3、用户管理：管理和查看用户角色4、菜单管理：实现对系统菜单的增删改查操作5、角色管理：管理和查看用户角色的权限6、系统消息：查看系统消息二、系统设置1、项目前期模板设置
m0_68459853·2023-06-07 18:28

Java 版 spring cloud 工程系统管理 工程项目管理系统源码 工程项目各模块及其功能点清单

实现对数据字典标签的增删改查操作2、编码管理：实现对系统编码的增删改查操作3、用户管理：管理和查看用户角色4、菜单管理：实现对系统菜单的增删改查操作5、角色管理：管理和查看用户角色的权限6、系统消息：查看系统消息二、系统设置1、项目前期模板设置
m0_68459853·2023-06-07 18:27

前端学习--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

【Vue 3 实战一】搭建一个新项目并上传至gitee

本专栏注重实战，Vue3的相关概念请移步Vue3.0官网;二、创建新项目1.利用脚手架代码如下（示例）：npminitvue@latest2.项目配置选择（建议与下方一致）（示例）：<
彭式程序猿·2023-04-21 17:29

vue3.0 监听本地存储

1.现在main.js中注册全局方法，比如要监听的本地储存key值为‘changeData’Vue.prototype.resetSetItem=function(key,newVal){if(key==='changData'){//创建一个StorageEvent事件varnewStorageEvent=document.createEvent('StorageEvent');conststo
一叶孤舟1990·2023-04-21 17:40

学习 Vue 3.0 diff 算法及原理

Vue3.0采取的diff算法和2.0的双端比较有点不同。
航小码·2023-04-21 07:28

Vue 3.0 script setup 之 API 变换过程解析

新特性变化之大，一个箩筐装不下，虽然截止至7月2日的3.1.4版本，script-setup还是处于实验性阶段，但在同一天，尤大在twitter上发布了一条推文，预告了它将会在3.2.0版本脱离实验状态，正式进入Vue3.0
硅谷干货·2023-04-21 04:14

企业工程管理系统源码-一款自定义管理平台

实现对数据字典标签的增删改查操作2、编码管理：实现对系统编码的增删改查操作3、用户管理：管理和查看用户角色4、菜单管理：实现对系统菜单的增删改查操作5、角色管理：管理和查看用户角色的权限6、系统消息：查看系统消息二、系统设置1、项目前期模板设置
Xiaohong0716·2023-04-21 02:17

2018-07-24

说说对易经屯卦的理解，最近正在整理部门下半年的xx项目的需求和架构方案，计划的部门大部分人力都会铺在这个项目上，所以我暗自告诫自己，项目前期准备一定要充分，工作安排一定要合理，需求要尽量完善得当，架构方案一定合理和充分论证
smileclound·2023-04-20 19:00

vue3.0新特性总结

我们先简单看一下Vue发布版本的过程：Alpha-Beta-RC-正式vue经历RC阶段才会有正式版本能用，大家不要过于着急，目前尤大正在全力开发配套基础功能，比如脚手架、vue-router、以及生态插件等vue3.0
橙子鲜·2023-04-20 17:26

Vue3.0中的reactive

Vue3.0中的reactivereactive是Vue3中提供的实现响应式数据的方法。
Cupid510·2023-04-20 17:54

基础篇：项目前期准备以及初始化

账号及环境准备注册一个小程序账号，主体类型可以选择个人。搜索引擎搜索“微信公众平台”，到微信公众平台官网进行注册微信小程序账号。这里就不详细展开注册步骤了，很简单的，根据提示操作就行，3分钟就能注册好一个小程序账号。注意：建议使用全新的邮箱，没有注册过其他小程序或者公众号的邮箱。没有邮箱的话，先注册邮箱再回来注册小程序账号。获取APPID由于小程序项目必填项，以及后期会调用微信小程序的云开发接口等
·2023-04-20 16:41

Vue cookie的使用

目录1、安装2、引入3、使用4、拓展---介绍Vue3.0全局引入的方法js-cookie是关于cookie存储的一个js的API，用来处理cookie相关的插件。
喵T陆天凌·2023-04-20 11:24

vue3.0实现登录成功以后，如何写入cookie保存token，读取cookie，并显示用户名

一、分装成公用方法methods:{setCookie(name,value,exdays){//name:表示cookie的名称，比如token//value:表示cookie的值//exdays:表示cookie的有效时间vard=newDate();d.setTime(d.getTime()+(exdays*24*60*60*1000));varexpires="expires="+d.to
jingjinglove-·2023-04-20 11:23

软件开发过程-方法论

由于前一阶段的输出将作为下一阶段的输入，所以瀑布模型要求每一个阶段都做到最好，尤其是项目前期设计。然而在每个项目中
Ryan_a8d5·2023-04-20 05:44

vue3.0中用自定义指令实现图片懒加载

本章技术点Vue官方工具库(仅限vue3.0使用)中的useIntersectionObservervue.use插件的使用vue3.0自定义指令使用场景①每一张图片都要进行懒加载操作，在存在大量图片的列表中
奥特曼　·2023-04-20 00:52

vue自定义懒加载指令

二、自定义指令vue3.0
伦为JAY下囚·2023-04-20 00:21

vue3.0 Reactive数据更新页面没有刷新的问题

目录vue3.0Reactive数据更新页面没有刷新vue3.0中的reactive用法在reactive使用基本类型参数响应式代理vs.原始对象总结vue3.0Reactive数据更新页面没有刷新vue3.0ref
·2023-04-19 21:12

Vue3.0

Vue3.0动机与目的更好的逻辑复用与代码组织(composition组合式api)optionsAPI(旧)=>compositionAPI（新）,效果:代码组织更方便了,逻辑复用更方便了非常利于维护
Adam——·2023-04-19 19:20
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他