vue3.0 第9页

vue3.0 实现列表无线滚动Infinite Scroll———elementPlus

一、无限滚动组件指令详情1、v-infinite-scroll="handleInfiniteScroll"//handleInfiniteScroll无限滚动加载的方法,获取数据2、infinite-scroll-disabled//是否禁用无限滚动加载默认是false3、infinite-scroll-delay//节流时延，单位为ms默认2004、infinite-scroll-distan

七月_Mo·2023-10-14 12:02

vite + vue3.0 + pinia + ts创建项目

1.通过vite创建vue3.0+ts项目yarncreatevite//输出项目名称Projectname:›vite-project//选择使用技术栈?Selectaframework:›-Usearrow-keys.Returntosubmit.Vanilla❯VueReactPreactLitSvelteOthers//选择使用js或ts或nuxt?Selectavariant:›-Use

没名字的名字·2023-10-14 08:08

Vue3.0

目录一、创建项目二、SFC语法规范三、模板与语法模板语法1、v-text：用来显示文本2、v-html：用来展示文本、标签，但不支持组件3、v-if：用来控制元素的显示隐藏（切换真假DOM）v-else-if：表示v-if的“elseif块”。可以链式调用v-else：v-if条件收尾语句4、v-show：用来控制元素的显示隐藏（displaynoneblockCss切换）5、v-on（简写@）：

Kw_Chng·2023-10-14 04:30

vue3.0 中使用百度Echarts 制作图表

1.安装npminstallecharts--save2.引入另importechartsfrom'echarts'varecharts=require("echarts");3.容器4.配置写入setupdata(){return{optionPie:null,echartsPie:null,};},methods:{initData(){//初始化echarts实例varmy1=echarts

weixin_38808271·2023-10-13 23:49

vue3.0项目打包后修改访问后端地址

1.public承载vue打包之后的静态资源，所以public下面的文件打包之后是依然存在的。在public文件下面新建一个config.js文件用来配置打包之后的服务器地址window.global_config={//BASE_URL:'http://lhp.com:1102/'BASE_URL:'http://192.168.2.40:1122/'}2.在index.html的最下main引

李海鹏_f321·2023-10-13 23:42

vue3.0 安卓和ios h5 移动端音频自定义圆环可拖拽播放（兼容微信浏览器）

安装npminstallweixin-js-sdk引入importwxfrom'weixin-js-sdk'importwxfrom"weixin-js-sdk";exportdefault{data(){return{value:'',outColor:'',playbool:true,second:0,than:''}},mounted(){this.init()this.main()},me

搬砖的牛马·2023-10-13 08:49

仿写网易云音乐Demo项目（Vue3+Vite+Vuex+Vue-Router4.0）

项目简介1.前端技术栈：vue3.0全家桶（组合式API）vuex➕vuex-persistedstate（持久化数据存储）开发与构建工具Vite（极速的开发服务器启动）坚守前端MVVM的设计理念，遵循组件化

FeyeW·2023-10-13 06:40

vue3.0 配置@根路径

使用vite（1）vite.config.tsresolve:{alias:{'@':path.resolve(__dirname,'./src/'),}},（2）tsconfig.json"baseUrl":"./",//解析非相对模块的基地址，默认是当前目录"paths":{//路径映射，相对于baseUrl"@/*":["src/*"]},使用webpackvue.config.js文件mo

我们都是柠檬精诶·2023-10-13 03:44

vue3.0中的ref和reactive的区别

通俗理解ref和reactive都是用来定义响应式数据的reactive更推荐去定义复杂的数据类型ref更推荐定义基本类型ref和reactive本质我们可以简单地理解为ref是对reactive的二次包装，ref定义的数据访问的时候要多一个.value使用ref定义基本数据类型，ref也可以定义数组和对象ref操作数据需要.value，template模板中不需要reactive都不需要.val

ratel️·2023-10-11 19:23

mars3d基于vue3.0的widget使用

mars3d在vue3.0生态上开发了两个gis相关开源项目mars3d-vue-example和mars3d-vue-project，在这两个项目中widget都是非常重要的一个模块。

泽安2018·2023-10-11 15:01

Vue3.0封装组件并发布到npm仓库

由于业务需求，需要将拨号组件封装上传到npm仓库，供其他同学使用组件封装因为需要封装多个组件，所以在src下面新建一个package文件用用于存放需要上传的组件这里我是封装了四个组件，nx-dial、nx-body、nx-recent、nx-record编写组件代码例如我是测试按钮exportdefault{name:"pig-button",//组件名};button{width:100px;h

weixin_45623386·2023-10-11 13:00

vue3.0引入Element UI（Plus）不生效问题

之前使用的都是vue2.0，按惯例element-ui这样引用应该没有毛病，先install再在main.js中引入可控制台报错：原因：vue3.0不兼容element-ui，于是推出了element-plus

Zoriah·2023-10-11 13:12

2.脚手架创建

vue3.0快速上手-创建vue3的三种方式+Vue-cli+Webpack+Vite-什么是vite?

杜维爸爸·2023-10-10 19:49

vue2.x及vue3.0 使用elementUI中的Cascader 级联选择器，点击立即关闭功能

在vue2.x版本中如果使用级联选择器想要点击任意一级立即关闭的话需要用refs获取当前实例并找到他的一个属性为：this.$refs.cascaderRef._self.dropDownVisible=false同时把elementui里面的checkStrictly属性设置为true这个用的比较少，因为点击任意一级立即关闭用的地方比较少，$refs后面是你自己级联选择器上面绑定的ref在vue

qq252750818·2023-10-10 12:32

vue3.0使用van-pull-refresh，与页面滚动事件冲突，滚动数据，会触发刷新

遇到的问题：vue3.0使用van-pull-refresh，与页面滚动事件冲突，滚动数据，会触发刷新解决方案：1.van-pull-refresh加上disabled，限制它是否可以滚动0"ref="

wow Larissa·2023-10-10 04:03

vue3.0 + ts + vue-property-decorator引入报错

vue-property-decorator是由社区根据vue官方的vue-class-component开发的，现在vue-class-component更新了，原先引入的Compenots变成了现在的Options但是vue-property-decorator的源码并未同步更新，所以在用时就会报错解决提示报错后，在node_modules/vue-property-decorator/bin

易子辰丶·2023-10-09 18:12

Vue3.0入门

https://vue3js.cn/v-bind绑定样式：有两种方式对象方式：数组方式：v-on绑定事件：上一张下一张v-if条件渲染：18">成年人未成年v-for循环渲染：{{item.name}}：{{item.content}}v-model数据双向绑定：data中定义的数据发生变化时，页面中的数据跟着变化修改页面中的数据时，data中的数据也会变化姓名：留言：MVVM开发模式：Model

小矮多·2023-10-09 18:43

前端扯犊子之三Vue3（一）

一、概述1、安装：可npm可cdn可script标签本地引入注：filters过滤器已从Vue3.0中删除，不再支持。

wsgdiv·2023-10-09 15:24

【Vue】笔记二：Vue详解以及从Vue2.0到Vue3.0的技术栈梳理及操作步骤

从Vue2.0到Vue3.0的技术栈梳理及操作步骤一、Vue介绍1、Vue.js的优点2、Vue.js的安装与使用3、Vue组件和指令4、Vue.js的响应式原理5、Vue.js的生命周期6、总结二、Vue2.0

网络真危险！！·2023-10-08 16:27

尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记（五）

第五章：Vuex5.1理解vuex5.1.1vuex是什么1.概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。2.GitHub地址：GitHub-vuejs/vuex:️CentralizedStateManagementforVue.js.5.1.2什么时候使用Vuex1

上官海岚·2023-10-08 16:26

尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记（六）和（七）

上官海岚·2023-10-08 16:26

vue3.0新特性学习笔记

vue3.0学习笔记一、vue3.0支持了Typescript1、数据声明方式2、数据类型3、typescript编译4、ts类和面向对象介绍5、属性修饰符6、声明文件二、vite构建工具1、vite2

EricFRQ·2023-10-08 16:26

vue面试题

Vue数据双向绑定原理Vue的响应式原理Vue3.x响应式数据原理Vue3.0里为什么要用ProxyAPI替代definePropertyAPI？

喝1口汤·2023-10-08 14:24

win使用nvm实现多版本node管理

不同的项目可能需要不同版本的node.js和npm（node包管理器），例如使用vue3.0开发的项目要求node是16.x的，但是之前的很多旧项目是依赖于更低版本的node，所以为了切换方便，我便安装了

花开美时·2023-10-08 13:47

使用vue3.0实现一些动画效果

一，动画效果：1，横屏滚动2，根据横屏滚动的距离，左侧文本缩小放大3，鼠标悬浮单张图片时根据悬浮位置发生倾斜效果横屏滚动函数：functionhandlerMouserScroll(event){//鼠标滑动list横屏滑动效果//获取滚轮跨距，兼容获取方式letdetail=event.wheelDelta||-event.detail||event.wheelDeltaY//console.l

捕风的紫色鸢尾·2023-10-08 10:56

【Vue3.0 实现一个 Modal】

Vue3.0实现一个Modal一、组件设计二、需求分析三、实现流程目录结构组件内容实现API形式事件处理其他完善一、组件设计组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式现在有一个场景

cv全粘工程师·2023-10-08 09:42

[转载]新一代状态管理工具，Pinia.js 上手指南

前言Pinia.js是新一代的状态管理器，由Vue.js团队中成员所开发的，因此也被认为是下一代的Vuex，即Vuex5.x，在Vue3.0的项目中使用也是备受推崇。

涅槃快乐是金·2023-10-08 01:43

ECharts之饼状图

效果图背景图片下载EChartsnpminstallecharts--save引入并注册全局ECharts 在main.js文件里引入并注册(这里是Vue3.0的模板)importVuefrom'vue'importAppfrom

半度℃温热·2023-10-07 23:07

setup factory 创建多个快捷方式_vue3.0创建项目及API讲解（一）

一、项目创建1、检查vue-cli脚手架版本（vue-V），低版本的要更新（npminstall@vue/cli-g）2、创建项目（vuecreatevue3test）选择default（直接回车enter）,初始化项目3、进入项目文件夹，更新vue版本（vueaddvue-next）4、运行项目（npmrunserve）5、浏览器上访问（http://localhost:8081），初始化页面展

weixin_39938855·2023-10-07 13:23

vue3.0项目创建以及路由搭建

不7而遇_·2023-10-07 07:42

前端框架库汇总

VueVue2.0：Vue2.0文档Vue3.0：Vue3.0文档Vue-Router：Vue.js官方的路由管理器。Vuex：Vue.js应用程序开发的状态管理模式。

涅槃快乐是金·2023-10-06 21:07

vue3.0数组清空与重新赋值

记个踩坑笔记{{list}}增加清空{{newList}}import{ref,watch,toRefs,computed,reactive,onBeforeUpdate,onUpdated,onBeforeMount,onMounted,onBeforeUnmount,onUnmounted,onRenderTracked,onRenderTriggered}from'vue'exportdef

来了啊小老弟·2023-10-06 19:40

VUE3.0学习笔记

由于笔者最近的项目，需要用到Vue和原生混编。之前没有写过Vue只有React的开发经验所以写一篇文章来记录一下学习过程，也在学习的你遇到问题也可以给我私信我们交流一下遇到的问题Vue的学习笔记什么是VueVue是一款用于构建用户界面的JavaScript框架，它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型。Vue的核心功能声明式渲染：Vue基于标准H

lingjunjie·2023-10-06 09:12

❤ 15个基于Vue3.0全家桶的优秀开源项目

❤15个基于Vue3.0全家桶的优秀开源项目VueAdminBettergithub:https://github.com/chuzhixin/vue-admin-bettervueadminbetter

林太白·2023-10-05 21:14

解决跨域问题vue 2+，vue3.0 ，nuxt

一如前端深似海，从学习前端至今已有4年之余，但是工作经验只有一年多，这一路遇到了很多坑，我是那种不管做什么都喜欢总结的人，所以每次遇坑都记在笔记上，但是零零散散，但是时间久了需要静下来想把一些坑记录整理出来，作为自己的总结，仅是个人的总结，但是经验还是很缺乏，在技术上还不是很深究的那种，如果总结中有表达不明的或者有更好的结解决方案的可以指出，我很喜欢尝试，更多的是发现并改正，以性能更好的的方案解决

理想休想幻想·2023-10-04 16:10

qiankun vue3.0 保持组件状态 keep-alive 的使用

手动控制子应用加载qiankun默认提供可配置的引用加载方式,registerMicroApps。这种方式存在一些问题：应用的切换取决于路由路径，且路由的切换将触发应用的卸载与加载,例如：从A切换到B,流程：触发Aunmount->判断B是否加载过，未加载过：触发bootstrap->触发mount，加载过：直接触发mount如果子应用存在内部路由时，内部路由跳转也将触发应用的重载。可以看到应用的

copyLeft·2023-10-04 15:38

【Vue3.0】- 响应式

响应式原理响应式是Vue.js组件化更新渲染的一个核心机制Vue2.x响应式实现Object.definePropertyAPI劫持数据的变化在数据被访问的时候收集依赖然后在数据被修改的时候通知依赖更新在Vue.js2.x中，Watcher就是依赖，首先是依赖收集流程，组件在render的时候会访问模板中的数据，触发getter把renderwatcher作为依赖收集，并和数据建立联系然后是派发通

啦啦啦喽啰·2023-10-04 14:24

Vue3.0跨端Web SDK访问微信小程序云储存，文件上传路径不存在/文件受损无法显示问题（已解决）

整理需求：需要vue3.0作为pc端的后台管理来连接微信小程序客户端需要WebSDK的引入，实现vue3.0接入云开发环境需要以云环境作为线上服务器，将vue3.0上传的本地文件通过云环境进入云储存，并将文件在云端生成云端快捷访问路径及

lqj_本人·2023-10-02 14:38

vue 3.0 笔记

vue3.0笔记1、Vue3.0如何做到性能提升响应式系统升级使用Proxy对象重写响应式系统：vue2.x中使用defineProperty在初始化时遍历data中的成员，实现响应式，若成员中嵌套成员则递归实现

HIKALU·2023-10-02 11:56

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

安装插件1\.安装jest,这里我使用的是全局安装,可局部安装```npmijest-g```2\.安装test**如果是vue3.0\.此处一定要加next**

木槿流年_木笔·2023-10-02 01:41

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

一、设计目标不以解决实际业务痛点的更新都是耍流氓，下面我们来列举一下Vue3之前我们或许会面临的问题随着功能的增长，复杂组件的代码变得越来越难以维护缺少一种比较「干净」的在多个组件之间提取和复用逻辑的机制类型推断不够友好bundle的时间太久了而Vue3经过长达两三年时间的筹备，做了哪些事情？我们从结果反推更小更快TypeScript支持API设计一致性提高自身可维护性开放更多底层功能一句话概述，

抽疯的稻草绳·2023-10-01 22:23

【vue3.0 组合式API与选项式API是什么，有什么区别】

vue3.0组合式API与选项式API是什么Vue3.0中引入了组合式API（CompositionAPI），同时保留了选项式API（OptionsAPI）。两种API风格都能够覆盖大部分的应用场景。

cv全粘工程师·2023-10-01 17:26

Vue3中使用Proxy API取代defineProperty API的原因

目录一、前言二、definePropertyAPI的限制和问题三、ProxyAPI的优势和特性四、Vue3.0中使用ProxyAPI的原因五、ProxyAPI的局限性和注意事项一、前言Vue3.0是Vue.js

小五Five·2023-10-01 14:50

Vue3.0——常用的Composition API（监听属性、生命周期、Teleport、属性、自定义事件、状态驱动的动态 CSS、注册组件、uspense、 isRef等）

目录一、常用的CompositionAPI（组合API）7.监听属性8.Vue3生命周期1)什么是生命周期2)Vue2.x中的生命周期3)Vue3.x的生命周期4）vue3新增的生命周期钩子9.Teleport10.属性1.组件内部还是可以用2.02.vue3组件内部组合式APIsetup中取属性值3.setup语法糖中获取属性值11.自定义事件1）事件名2)定义自定义事件3)`v-model`参

爱喝牛奶~·2023-10-01 01:54

TypeScript + vue3.0项目实战中遇到的问题及解决方案

——吴玉章系列文章目录第一章论vue3.0和vue2.0区别之编程方式及例子详解第二章同一台电脑实现vue-cli2和vue-cli3同时并存及常见命令第三章vue3.0项目实战-ElementUI框架版第四章

BMG-Princess·2023-09-30 18:06

Vue2.0和Vue3.0的区别

Vue2.0和Vue3.0是同一个流行的JavaScript框架Vue.js的不同版本。

泡芙·草莓·2023-09-30 18:26

vue3.0 页面缓存正确打开方式

最近在做一款移动端的H5项目，如果项目中不做任何处理，类似从列表进入详情再返回这样的跳转会导致页面重新加载，试想一下如果列表已经加载了几十上百页了，就因为点进去详情再回来就要从头开始，用户碰到这种情况是不是很崩溃，所以对必要的页面做缓存就必不可少。网上搜索缓存处理方案有很多，很多都采用Keep-alive对router-view做缓存，这样的处理方式简单又高效，在使用的过程中作为新手的我碰到了很多

猿田·2023-09-30 07:29

VUE pdf.js 实现远程pdf文件预览

1：下载pdf进入pdf.js官网地址：https://mozilla.github.io/pdf.js/getting_started/#download2：将下载的pdf文件放入项目静态文件中，vue3.0

lxw1005192401·2023-09-29 18:10

Vue3.0 的性能优化

1.diff算法优化vue2.0中虚拟dom是全量对比；vue3.0中新增了静态标记（patchFlag），只对比有PF的节点，并且通过Flag的信息对比节点的具体内容。

南枫小谨·2023-09-29 13:05

推荐频道

vue3.0