VUE3.0 第20页

Electron + Vue 3.x + Vue Cli 4.x + TypeScript 构建桌面应用程序

Node基础部分可参考这篇Electron5.x+VueCli3.x+Vue2.x+VueCLIPluginElectronBuilder构建桌面应用程序Electron官方推荐yarn作为软件包管理器使用Vue3.0

Mr丶HUANG·2023-03-31 05:55

基于Vue3.0创建基本项目架构；

从零开始使用Vue3.0创建项目一、Vue3.0官网地址及NPM源：二、从零开始创建一个HelloWorld项目;2.1npm安装最新稳定版Vue：2.2npm安装最新稳定版Vue-Cli：2.3更新相关插件到对应的版本

Amber.Li·2023-03-31 04:07

重学vue3.0 基础和对比

setup和computed计算属性，setup一般表示值类型的比较多{{count}}{{computedFncount}}添加numbersetup(){constcount=ref(0)//计算熟悉constcomputedFncount=computed(()=>{returncount.value*2})constaddCount=()=>{count.value++}return{co

俗人彭jin·2023-03-30 22:56

使用vue-cli3脚手架创建项目的系列报错

前言：之前一直都是用vue2的脚手架创建项目“vuewebpackinitxxx”然后前几天接触到了vue3.0的脚手架，它是用“vuecreatexxx”创建项目但是在编译代码的时候莫名有特别多的报错信息

潮汐未见潮落·2023-03-30 21:33

使用Vue脚手架(CLI)创建Vue项目并分析项目结构

CommandLineInterface)命令行接口工具vue脚手架是vue官方提供的标准化开发工具（开发平台），帮助开发者专门做工程化开发关于脚手架版本：选择最新的即可，因为最新的可以兼容低版本，但是不要出现这样的情况：比如使用vue3.0

小花皮猪·2023-03-30 20:43

vue3.0 + element Plus实现预览大图的功能及图片遮罩层显示问题解决

html代码,在需要预览大图的地方引入preview-teleported：image-viewer是否插入至body元素上。嵌套的父元素属性会发生修改时应该将此属性设置为true，设置这个属性图片遮罩层显示就不会有问题了。preview-src-list：为预览大图的图片列表；src：为图片地址预览效果展示：

欢喜~999·2023-03-30 19:10

Vue3.0 使用Echarts和自定义组件全局挂载(十五)

一.如何在setup中使用Echarts表在Vue2.0的时候echarts使用我就不写了,因为前面文章我大量的书写了很多,在setup中我看到的是官方文档提供引入和使用的一种记录下来,以便自己忘记了可以拿出来看看一.一首先安装echarts图表的安装:npm/cnpminstallecharts--save一.二在App.vue中相当于是全局挂载//这三步是一定要写的import*asechar

coderhzc·2023-03-30 09:39

快速进阶vue3.0

前言：在2019.10.05发布了vue3.0预览版源码，预计在2020年第一季度才有可能发布正式版本。

Venus123嬛嬛·2023-03-30 06:08

解决vite不是内部或外部命令，也不是可运行的程序或批处理文件。

前言今天是要vite创建vue3.0项目的时候，到了最后一步npmrundev的时候出现了以下错误：‘vite’不是内部或外部命令，也不是可运行的程序或批处理文件。

小花皮猪·2023-03-30 02:29

Vue3 UI库/相关工具/可视化/生态全分享

此处仅作为个人笔记使用和分享给其他需要帮助的前端小伙伴，技术胖的原视频链接40+Vue3实用工具、UI库、插件、生态1.WebUI库1.ElementUIPlus一套为开发者、设计师和产品经理准备的基于Vue3.0

jason_renyu·2023-03-30 00:08

vite + vue3.0使用jest测试初体验（二）

如何编写一个实际项目的vue实例单元测试最近一直苦恼怎么能跳过微信支付去测试之后的流程，后来想着单元测试可以跑通这个流程，而不需要手动去点击，全部都是以用户模拟的方式进行测试。如果你还不知道如何在你的项目中加入jest,请参考我上一篇文章https://www.jianshu.com/p/d29679cb6a3a。测试功能点描述1.用户进入页面，根据是单独购买还是拼团购买来判断价格是否正确。```

木槿流年_木笔·2023-03-29 21:58

2020 有哪些不容错过的前端技术趋势？

**导读：**2019年的大前端热闹非凡，Serverless，Flutter，Vue3.0，桌面应用开发，小程序，WebAssembly的火爆发展还是超乎我们预期，2020的大前端又有哪些不容错过的技术趋势呢

阿里云云原生·2023-03-29 19:59

前端电商项目

技术栈：vue3.0（使用组合API的方式来开发），axios，vue-router（单页路由），vuex（状态管理，vuex数据持久化），@vueus

undefined—·2023-03-29 16:19

Vue3.0

setup,返回对象（可以直接使用，对象里有数据方法）或渲染函数image.pngimage.png引用对象（响应引用对象）数据改变，页面变化image.png基本数据类型依然是引用对象实现引用对象使用reative处理image.pngVue2.0修改数据的问题image.png解决方案image.pngVue3.0解决2.0的痛处直接调用image.pngvue2捕获数据修改原理：image.

Crassus·2023-03-29 08:35

Vue3.0脚手架安装项目（通过命令行）

Vue3.0通过命令行来创建Vue脚手架项目1.先安装node.jshttps://nodejs.org/en/download/。

小盆友你是否很有多问号·2023-03-29 06:11

Vue3.0 导出Excel

Vue3.0导出Excel先安装Blob.jsExport2Excel.js在Export2Excel.js.稍作修改require('..

小盆友你是否很有多问号·2023-03-29 06:41

Vue3.0中如何监听props方法

目录Vue3.0如何监听props第一种第二种vue3.0监听props做数据回显Vue3.0如何监听props学习vue3.0记录下props监听：第一种直接监听这个propsexportdefaultdefineComponent

·2023-03-29 01:08

Vue3.0 不同环境参数配置

package.json文件中"scripts":{"serve":"vue-cli-serviceserve","build:dev":"vue-cli-servicebuild--modedev",//开发"build:prod":"vue-cli-servicebuild--modeprod",//生产"build:test":"vue-cli-servicebuild--modetest"

宁宁宁66·2023-03-28 19:37

Vue3.0 + TS 编译报错 property does not exist on type Object

1.场景在用Vue3.0+VueRouter4.0+AntdVue+TS搭建的项目中，编译过程中遇到了如下报错：项目编译报错截图.png项目中的代码如下：consthandleClick=(e:Event)=>{letbasePath:string="/home";letrouterPath:string="";if(e.keyPath.length>1){e.keyPath.reverse().

头大如牛·2023-03-28 17:25

在vue脚手架2.0中使用sass或者less 以及解决报错（this.getOptions is not a function）

先创建一个vue项目vuecreateproject08然后选择2.0版本的vue脚手架vue3.0存在一些兼容问题我用2.0用的比较多一点然后执行下面提示的cdproject08再执行打开这个项目的npmrunserve

SY·2023-03-28 12:53

vue3.0新特性学习笔记2（生命周期）

1.添加我们的生命周期钩子Vue3中，要在setup()函数中使用生命周期来完成需求导入：import{onMounted,onUpdated,onUnmounted}from'vue'除去beforeCreate和created之外，在我们的setup方法中，有9个旧的生命周期钩子，我们可以在setup方法中访问beforeCreate->usesetup()created->usesetup(

XKolento·2023-03-27 22:52

前端性能优化之——CDN优化加载

CDN优化加载前言一、查找资源二、资源引入三、添加配置vue3配置vue2配置四、去掉原有的引用拓展1：vue3.0和vue2.0的cdn包名称不一样拓展2:element-ui不生效相关文章:前言问题

荒男·2023-03-27 08:10

面试官：Vue3.0的设计目标是什么？做了哪些优化?

点击上方“蓝色字体”，选择“设为星标”做积极向上的前端人！一、设计目标不以解决实际业务痛点的更新都是耍流氓，下面我们来列举一下Vue3之前我们或许会面临的问题随着功能的增长，复杂组件的代码变得越来越难以维护缺少一种比较「干净」的在多个组件之间提取和复用逻辑的机制类型推断不够友好bundle的时间太久了而Vue3经过长达两三年时间的筹备，做了哪些事情？我们从结果反推更小更快TypeScript支持A

苏南South·2023-03-27 05:42

面试官的步步紧逼：Vue2 和 Vue3 的响应式原理比对

vue2.0和vue3.0响应式原理个人觉得写的比较好，强烈推荐vue2.0和vue3.0响应式原理

笑一个吧*·2023-03-27 05:42

vue3.0 + element-plus自动导入

步骤1.element-plus安装npminstallelement-plus--save2.官网推荐，自动导入插件npminstall-Dunplugin-vue-componentsunplugin-auto-import3.配置vue.config.js项目根目录新建（如无的话）vue.config.jsconstAutoImport=require('unplugin-auto-impo

江江耶·2023-03-26 22:05

vue3是如何变快的

看了李南江老师的课程，将内容做一个记录diff算法优化vue2diff算法是对节点进行全量对比vue3.0在创建虚拟dom的时候，会根据DOM中的内容会不会发生变化添加静态标记(patchFlag)与上次虚拟节点对比的时候之对比带有

halowyn·2023-03-26 05:54

vscode自定义快速生成vue3.0模板

使用Vite工具创建了vue3.0，怎么在项目中快速生成vue3.0的模板？找到vscode编辑器左方边侧栏的设置齿轮，点击进去。

似朝朝我心·2023-03-26 03:09

双向绑定

但是，vue3.0版本采用的是ES6的Proxy对象实现。

china_木木·2023-03-26 01:07

2023值得推荐的高颜值Vue3.0 Web PC端UI框架，赶紧收藏学习！

在过去一年多的时间里，各大组件库、框架也紧跟时代的步伐，纷纷对Vue3做了大量的支持和优化，从个人到公司企业也开始拥抱Vue3.0。

前端胡说·2023-03-25 01:15

Vue3在setup中获取元素引用（ref）

这个在VUE3.0中非常灵活，几乎是怎么玩都行的。具体后边还会说到，这里大概说一下基本用法。1、引入re

不怕麻烦的鹿丸·2023-03-24 22:22

vite构建vue3.0项目，启动之后报错404Not Found解决方案

背景：随着技术发展的日新月异，vue3.0都发版了，市面上都开始涌现新的组件库，难道还不上手写vue3.0吗方案1：跟着官方文档的安装操作一番npminstallvue@nextnpminstall-g

shupingWei·2023-03-24 17:25

Vue3.0优缺点

Vue3.0新特性CompositionApi(最核心)v-model更改v-for的key节点上的使用情况更改v-if和v-for对同一元素的优先级更高ref内部v-for不再注册引用数组功能组件只能使用普通函数创建异步组件需要使用

Particular12.·2023-03-24 04:40

2023前端面试题(经典面试题)

经典面试题Vue2.0和Vue3.0有什么区别？vue中计算属性和watch以及methods的区别？单页面应用和多页面应用区别及优缺点？说说Vue中CSSscoped的原理？

与掉发不共戴天·2023-03-24 02:01

vue3.0组合式API知识点整理

根据官方的说法，vue3.0的变化包括性能上的改进、更小的bundle体积、对TypeScript更好的支持、用于处理大规模用例的全新API，全新的api指的就是本文主要要说的组合式api。

CherieH·2023-03-24 01:36

基于vue3.0和IntersectionObserver封装懒加载指令（图片懒加载）

目标：当图片进入可是区域后才加载图片，且处理加载失败，封装成全局指令，全局插件首先要先介绍一个webApiIntersectionObserverconstobserver=newIntersectionObserver((entries,observer)=>{},{})observer.observe(imgDom)observer.unobserve(imgDom)//被观察dom进入可视区

阿嚏阿嚏-·2023-03-24 00:13

vue3.0 封装vuex的mapState、mapGetter、mapAction、mapMutations

vue3.0使用vuex的mapState、mapGetter、mapAction、mapMutations在src目录下面新建文件夹utils或者（hook）在utils（hook）里面里面新建文件夹

lyyvscc·2023-03-23 20:33

vue3.0 基础学习（组合式api）

文章目录1、toRefs和toRef1）toRefs介绍2）toRef介绍2、computed计算属性3、watch监听器4、watchEffect5、shallowRef和shallowReactive6、组件传值1）祖孙传值（provide、inject）2）通过节点进行传值（父组件调用子组件的方法）3）vuex传值（父组件调用子组件的方法）7、生命周期函数1）生命周期函数2）vue应用程序中

qiao若huan喜·2023-03-23 17:01

Vue3.0实现自定义Message提示框

效果显示有话要说学习vue3.0的时候想到了，能不能自己写一个自定义的类似于elementui的this.

林卤蛋·2023-03-23 17:13

【Alpaca】.Net版开源配置中心 - 预告篇

为什么要做.Net版开源配置中心2020年发生了两件令我比较激动的大事Vue3.0正式版在2020-09-18发布.Net5正式版在2020-11-10发布当然也有比较遗憾的地方我们短期内并不需要一个功能独立且完整的配置中心

鬼谷子的程序人生·2023-03-23 02:24

vue3.0组合式API生命周期函数和选项式API的区别

vue3.0生命周期函数在vue3.0中有选项式API和组合式API,两者的生命周期函数有些许不同。

前端小白的成长日记·2023-03-23 02:42

Error: Cannot find module ‘vue-loader-v16/package.json‘ vue3.0的项目启动报错

前段时间接到一个朋友帮助，在启动vue3.0项目时候一直报错，网上搜了一堆没有解决问题，究其原因在于环境的配置；先说一下遇到的问题：拿到项目直接cnpminstall，运行命令npmrunserve报错

seaflyj·2023-03-22 23:18

【vue】如何从element-UI迁移到element-plus

element-plus.gitee.io/#/zh-CN/component/installation关于CompositionApi实战看这个帖子，写的很好2020-11-12更新首先底层实现不一样，element-plus为了适配Vue3.0

Draven_Lu·2023-03-22 11:10

Vue3.0 管理后台基础框架模板（composition api + typescript）

先上源码地址：https://github.com/gmingchen/vue3-element-plus-adminvue3-element-plus-admin主要目的在于学习vue3+ts,功能还未很完善,目前只有基础的RBAC权限控制,后续会持续迭代更新。简介vue3-element-plus-admin是一个管理后台基础功能框架，基于vue3、element-plus和typescrip

拖孩·2023-03-22 03:44

第十八天

路由懒加载（通过import方法来实现）keep-alive缓存页面使用v-show复用DOMv-for遍历避免同时使用v-if事件的销毁图片懒加载子组件分割第三方插件按需引入2.你对Vue3.0的新特性有没有了解

流觞小菜鸟·2023-03-21 22:35

Vue3 Vite SSR Typescript Eslint 成盒吧愣头青

vue3.0发布至今也有一段时间了,你是否已经拄着拐杖开始成盒之旅了呢?

vok123·2023-03-20 18:19

宫若石·2023-03-20 04:20

实战：vue3.0 ant-design table表头国际化i18n问题

//表头国际化设置{{$t(column.nameI18n)}}//操作栏查看编辑定义的表头数据：//nameI18n为template中渲染的字段//teachID为多语言文件中设置的国际化标识constcolumns=[{title:'是否启用',dataIndex:'status',nameI18n:'isEnable',customRender:(text)=>{returntext==1

qingzhen568·2023-03-20 01:41

vue3.0开发总结-填坑

1.vue3.0配置第三方插件不打包配置第三方插件不打包采用cdn引入是比较常见的减小包体积的办法,因为第三方插件最终打包都会打包到vendor.js中,这就导致了包的体积比较大对比打包前:chunk-vendor.js911kb,还有一个包也有九百多估计也是第三方插件导致的打包后:chunk-vendor.js147kb但是:cdn引入的话需要开率cdn如果出问题项目就崩了,有时候我们也会把文件

二营长家的张大炮·2023-03-20 00:16

vue先加载数据再渲染

版本：vue3.0由于JavaScript中请求通常是异步，因此几乎无法实现先加载数据再渲染页面。但是，我们可以用v-if判断数据是否已加载，来实现加载完数据再渲染的效果。

dounine·2023-03-19 06:12

vue3.0生命周期

相对于vue2来说vue3生命周期有以下更改1.beforedestory、destory替换为beforeUnmount、unmount2.在setup中注入生命周期钩子规则是在生命周期hook前面加一个on例如:onBeforeMount3.假如使用optionsApi的同时又使用了compisitionnApi,那么执行顺序为先走optionsApi再执行compisitionnApibef

姜酱i·2023-03-18 05:00

推荐频道

VUE3.0