vue3.0项目前期

vue3.0实战项目

路由插件vue-router4安装使用2、vuex4的安装3、安装sass和elementplus五、系统开发1、页面布局2、侧边栏开发3、全局使用动态的icon图标4、全局提示框一、技术栈语法演变，vue3.0
EricFRQ·2023-10-17 02:46

vue3.0 开发公共组件库并发布到npm

前言分享一下我自己的组件库郝艳峰的组件库详细教程再组件库内写的很清楚目前只有一个发送验证码的组件，后期会慢慢更新首先：：就是开发自己组件库第一步：新建一个vite–vue3.0的项目,依次执行一下命令。
郝艳峰Vip·2023-10-17 02:46

项目升级vue3.0总结

项目框架由vue2.6升级到vue3.0，总结下升级过程中的遇到的问题及解决方法。
醉逍遥neo·2023-10-17 02:45

vue3.0公共组件自动导入

一、前提我们使用的是require.context方法导入，在vite创建的项目内使用会报错"requirenotfound"，所以必须用webpack创建项目。或者有大能可以说说vite怎么解决这个问题。2021年5月17日，经过几天测试，vite2的自动导入搞定了。二、规则我使用的注册规则是，搜索src/components/路径下的所有目录和子目录，搜索文件名叫做"index.vue"的文件
放风喽·2023-10-17 02:14

vue3.0项目结构

vue3.0项目结构|-dist--生成打包后文件|-node_modules--项目依赖包的目录|-public--项目公用文件|--favicon.ico--网站地址栏前面的小图标|--index.html
一头秀发的小白·2023-10-17 02:13

vue3.0与vue2.0的区别

目录前言一、项目架构二、数据响应式系统三、虚拟DOM四、生命周期五、组件实例的创建方式六、路由七、请求八、模板指令九、API十、diff算法总结前言Vue3.0是一个用于构建用户界面的JavaScript
Adelbert 1002@·2023-10-17 02:13

Vue3.0项目文件说明

开门见山本篇文章主要是介绍vue项目的项目文件说明，希望可以帮助到大家public:公共目录项目开发环境不参与打包构建此文件夹下面的文件可以直接使用/+filename访问build文件夹:里面是对webpack开发和打包的相关设置，包括入口文件、输出文件、使用的模块等；config文件夹:主要是指定开发和打包中的静态资源路径、要压缩的文件类型、开发使用的端口号、开发使用虚拟服务器跨域请求api等
ZhandsomeZ·2023-10-17 02:11

6个宝藏级Vue管理后台框架 必须收藏

d2-admin★star7.1kD2Admin是一个完全开源免费的企业中后台产品前端集成方案，使用最新的前端技术栈，已经做好大部分项目前期准备工作，并且带有大量示例代码，助力管理系统敏捷开发。
XLLcsdn·2023-10-17 02:41

Vue3.0 watch

Document.liColor{background-color:brown;}{{item}}20212022202320249101112293031varapp=Vue.createApp({data(){return{userObj:{name:'张三',age:23,email:'[email protected]'},inputval:'',charArr:["aaa",'abc','abd
无盐海·2023-10-17 02:40

Vue3.0 事件修饰符

Vue为v-on提供了事件修饰符。修饰符用.表示指令后缀，包含以下这些：.stop//阻止冒泡：.prevent//阻止默认事件：，.self.capture.once.passiveDocument.liColor{background-color:brown;}A标签1A标签2A标签3LI1LI2A标签提交1提交2提交3LI1{{count}}自增1varapp=Vue.createApp({
无盐海·2023-10-17 02:10

Vue3.0 项目结构及组件

main.js文件//vue中main.js的作用//main.js是项目的入口文件，项目中所有的页面都会加载main.js,所以main.js,主要有三个作用：//1.实例化Vue。//2.放置项目中经常会用到的插件和CSS样式。例如：网络请求插件:axios和vue-resource、图片懒加载插件：vue-lazyload//3.存储全局变量。//vue中App.vue文件的作用//App.
无盐海·2023-10-17 02:39

使用 Vue3.0 + Element Plus + TS/TSX

---------------------------------Vue3.0问题1.路由：配置404{path:"/:catchAll(.*)",name:"NotFound",component:(
桃子彩虹无限·2023-10-16 21:51

Vue3.0 + Ts 项目框架搭建三：element-plus

一、安装首先进行依赖的安装，这里直接使用npm方式：npminstallelement-plus--save二、使用提供两种使用方案，根据自己需要，任选其一即可。1.全局引入注：如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。在main.ts中直接导入：import{createApp}from'vue'importElementPlusfrom'element-plus'impor
对，我·2023-10-16 16:05

【Vue3.0】- 侦听器

监听器侦听器可以帮助我们去观察某个数据的变化然后去执行一段逻辑Vue.js2.x中，通过watch选项，或者$watchAPI去初始化一个侦听器，称作watcherVue.js3.0使用CompositionAPI中的watchAPI可以实现侦听器的效果watchAPI的用法1、watchAPI可以侦听一个getter函数这个getter必须返回一个响应式对象当该响应式对象更新后，会执行对应的回调
啦啦啦喽啰·2023-10-16 13:37

地产项目如何进行产品定位

但最关建性因素还是离不开项目前期的定位，什么是定位，通俗点说就是：“把产品建设成什么样子”。
乐_4e0c·2023-10-16 08:36

推荐一些你可能需要的 UI 组件库

免费开源，不过最近发现已经几个月不维护了，issues也Closed，如果你后面用上了Vue3.0，那么就不能继续使用这一套UI框架，因为容易出现许多的问题解决方法：新的项目的话可以考虑其他的UI框架：
biaov·2023-10-15 23:09

Vue&.netCore WebApi

https://blog.csdn.net/wangyihero8/category_10542066.html原创Web3D重构（Vue&WebApi）总结1、不保存预设注意：创建时选取VUE3.0版本
qq_18932003·2023-10-15 22:43

vue3.0实现简易版计算器

通过vue3的基础知识实现简易版的计算器小示例通过两个数字计算对应的结果，两个输入框必须都输入，输入后点击对应的按钮计算对应的结果，将结果展示页面上，点击clear将输入的数字和结果清空，话不多说，直接上代码。template部分计算结果：{{numCount}}数字1：数字2：+-*/clearscript部分import{ref,reactive}from'vue'exportdefault{
哇，女前端哎！·2023-10-15 19:24

vue3.0与vue2.0的区别

前言Vue3.0是一个用于构建用户界面的JavaScript框架。相比于Vue2.x，Vue3.0在性能、体积和开发体验上都有了很大的提升。
哥很冷漠·2023-10-15 10:59

文澜镇高效节水项目前期报告-待修改

一，长桥海项目文澜镇-适合建样板项目地址该区域占地约4平方公里，6000亩；项目地距离两个水库：大屯海水库、长桥海水库，距离都在1公里范围内；大屯海水库，水面面积12.4平方千米，最大蓄水量5520万立方，平均水深4．5米。长桥海水库，湖面面积10平方公里，集水面积167平方公里，长6.8公里，最大宽度3.7公里，平均宽度1.5公里，贮水量0.13亿立方米，水体水质为Ⅲ类水质。该区域有大型种植企业
郑雷_f22f·2023-10-15 03:42

vue3.0使用vue-seamless-scroll报错问题

因公司业务需求，需要一个列表滚动功能根据网上资料的步骤来做，出现了如下报错：不管是在main.js中引用还是在组件中直接引用都会出现这个问题。解决方法如下：路径加上src后能正常显示列表并滚动。
周法海·2023-10-15 02:50

Composition Api 与 Options Api 有什么区别？

Vue3.0采用的CompositionAPI与Vue2.x使用的OptionsAPI在编写Vue组件时有一些区别。
泡芙·草莓·2023-10-14 22:03

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

网工内推 | 实施工程师，有软考证书优先，上市公司，最高14薪

01新点软件招聘岗位：实施工程师职责描述：1、负责一线项目组对接，完成项目前期信息、需求收集；2、负责需求验证、管控、上线专项跟进工作；3、负责在推进过程中总结与沉淀，提升优化对接规范/效率；4、完成上级交办的其他工作任务
HCIE考证研究所·2023-10-12 01:10

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 入门到精通教程学习笔记 （六）和（七）

第六章：vue-router6.1相关理解6.1.1vue-router的理解vue的一个插件库，专门用来实现SPA应用6.1.2对SPA应用的理解1.单页Web应用（singlepagewebapplication，SPA）。2.整个应用只有一个完整的页面。3.点击页面中的导航链接不会刷新页面，只会做页面的局部更新。4.数据需要通过ajax请求获取。6.1.3路由的理解1.什么是路由？①一个路由
上官海岚·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

推荐10个Vue 3.0开发的开源前端项目

转载自：推荐10个Vue3.0开发的开源前端项目仅供自我学习Vue是一款用于构建用户界面的JavaScript框，它基于标准的HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型
李小斌96·2023-10-08 07:48
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他