E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
VUE3.0学习随笔
Vue3后台管理系统模板推荐
[TOC](文章目录)1.Vue-Vben-Admin2.vue-manage-system1.Vue-Vben-AdminVue-Vben-Admin(github上的标星数为14.2k)是一个基于
Vue3.0
文海鸥
·
2023-10-17 02:16
vue.js
vue.js
javascript
前端
vue3.0
实战项目
路由插件vue-router4安装使用2、vuex4的安装3、安装sass和elementplus五、系统开发1、页面布局2、侧边栏开发3、全局使用动态的icon图标4、全局提示框一、技术栈语法演变,
vue3.0
EricFRQ
·
2023-10-17 02:46
前端相关
前端
javascript
vue.js
vue3.0
开发公共组件库并发布到npm
前言分享一下我自己的组件库郝艳峰的组件库详细教程再组件库内写的很清楚目前只有一个发送验证码的组件,后期会慢慢更新首先::就是开发自己组件库第一步:新建一个vite–
vue3.0
的项目,依次执行一下命令。
郝艳峰Vip
·
2023-10-17 02:46
个人开发库
npm
npm
vue.js
javascript
项目升级
vue3.0
总结
项目框架由vue2.6升级到
vue3.0
,总结下升级过程中的遇到的问题及解决方法。
醉逍遥neo
·
2023-10-17 02:45
vue
vue
vue3.0
ts
javascript
前端
vue3.0
公共组件自动导入
一、前提我们使用的是require.context方法导入,在vite创建的项目内使用会报错"requirenotfound",所以必须用webpack创建项目。或者有大能可以说说vite怎么解决这个问题。2021年5月17日,经过几天测试,vite2的自动导入搞定了。二、规则我使用的注册规则是,搜索src/components/路径下的所有目录和子目录,搜索文件名叫做"index.vue"的文件
放风喽
·
2023-10-17 02:14
vue3
node.js
vue.js
前端
vue3.0
项目结构
vue3.0
项目结构|-dist--生成打包后文件|-node_modules--项目依赖包的目录|-public--项目公用文件|--favicon.ico--网站地址栏前面的小图标|--index.html
一头秀发的小白
·
2023-10-17 02:13
Vue.js
vue.js
node.js
vue3.0
与vue2.0的区别
目录前言一、项目架构二、数据响应式系统三、虚拟DOM四、生命周期五、组件实例的创建方式六、路由七、请求八、模板指令九、API十、diff算法总结前言
Vue3.0
是一个用于构建用户界面的JavaScript
Adelbert 1002@
·
2023-10-17 02:13
vue
vue.js
javascript
前端
Vue3.0
项目文件说明
开门见山本篇文章主要是介绍vue项目的项目文件说明,希望可以帮助到大家public:公共目录项目开发环境不参与打包构建此文件夹下面的文件可以直接使用/+filename访问build文件夹:里面是对webpack开发和打包的相关设置,包括入口文件、输出文件、使用的模块等;config文件夹:主要是指定开发和打包中的静态资源路径、要压缩的文件类型、开发使用的端口号、开发使用虚拟服务器跨域请求api等
ZhandsomeZ
·
2023-10-17 02:11
Vue3.0
javascript
前端
vue.js
es6
node.js
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
vue.js
前端
javascript
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
vue.js
前端
javascript
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
vue.js
前端
javascript
使用
Vue3.0
+ Element Plus + TS/TSX
---------------------------------
Vue3.0
问题1.路由:配置404{path:"/:catchAll(.*)",name:"NotFound",component:(
桃子彩虹无限
·
2023-10-16 21:51
个人对话
知识点
vue
ts
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
+
ts
从零开始搭框架
vue.js
typescript
elementui
【
Vue3.0
】- 侦听器
监听器侦听器可以帮助我们去观察某个数据的变化然后去执行一段逻辑Vue.js2.x中,通过watch选项,或者$watchAPI去初始化一个侦听器,称作watcherVue.js3.0使用CompositionAPI中的watchAPI可以实现侦听器的效果watchAPI的用法1、watchAPI可以侦听一个getter函数这个getter必须返回一个响应式对象当该响应式对象更新后,会执行对应的回调
啦啦啦喽啰
·
2023-10-16 13:37
C++Primer
学习随笔
个人学习过程记录笔记共勉分享~类型修饰符(*或&)声明符(如inti=1024,*p=&i,&r=i;中int后面的都是声明符)建议:(1)尽量使用标准库类型而非数组,现代的C++程序尽量使用vector和迭代器,避免使用内置数组和指针;尽量使用string,避免使用C风格的基于数组的字符串书中statement为一条语句,可为一条简单语句或一个复合语句(块).如在if,while等语句中(2)学
kgbkqLjm
·
2023-10-16 03:42
C/C++
推荐一些你可能需要的 UI 组件库
免费开源,不过最近发现已经几个月不维护了,issues也Closed,如果你后面用上了
Vue3.0
,那么就不能继续使用这一套UI框架,因为容易出现许多的问题解决方法:新的项目的话可以考虑其他的UI框架:
biaov
·
2023-10-15 23:09
UI框架
VUE
React
微信小程序
Uni-app
2020-03-18python高手之路
学习随笔
(8.1)
开始狄部长测试单元的学习所谓的测试单元,即是通过假设访问,数据对编写的函数进行稳定性测试。这实际上也是python在付出代价,因为其动态性的语言,使得错误往往要在运行到那边的时候。才会显示出来这个错误。使用测试单位可以减少这种错误的发生。引入测试库,需要再全局引入,虚拟环境下,有时候path是不起作用的pipinstallnosenosetests-v能直接运行当前目录下的所有带test的文件里面
七天七念
·
2023-10-15 22:24
Vue&.netCore WebApi
https://blog.csdn.net/wangyihero8/category_10542066.html原创Web3D重构(Vue&WebApi)总结1、不保存预设注意:创建时选取
VUE3.0
版本
qq_18932003
·
2023-10-15 22:43
.net
core
html
vue3.0
实现简易版计算器
通过vue3的基础知识实现简易版的计算器小示例通过两个数字计算对应的结果,两个输入框必须都输入,输入后点击对应的按钮计算对应的结果,将结果展示页面上,点击clear将输入的数字和结果清空,话不多说,直接上代码。template部分计算结果:{{numCount}}数字1:数字2:+-*/clearscript部分import{ref,reactive}from'vue'exportdefault{
哇,女前端哎!
·
2023-10-15 19:24
vue3
Vue.js
前端
vue.js
vue3
vue3.0
与vue2.0的区别
前言
Vue3.0
是一个用于构建用户界面的JavaScript框架。相比于Vue2.x,
Vue3.0
在性能、体积和开发体验上都有了很大的提升。
哥很冷漠
·
2023-10-15 10:59
vue.js
javascript
前端
ecmascript
react.js
vue3.0
使用vue-seamless-scroll报错问题
因公司业务需求,需要一个列表滚动功能根据网上资料的步骤来做,出现了如下报错:不管是在main.js中引用还是在组件中直接引用都会出现这个问题。解决方法如下:路径加上src后能正常显示列表并滚动。
周法海
·
2023-10-15 02:50
JS
vue.js
vue.js
前端
javascript
Composition Api 与 Options Api 有什么区别?
Vue3.0
采用的CompositionAPI与Vue2.x使用的OptionsAPI在编写Vue组件时有一些区别。
泡芙·草莓
·
2023-10-14 22:03
javascript
前端
vue.js
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
Vue3.0
javascript
vue.js
前端
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
javascript
vue.js
前端
typescript
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
vue.js
前端
PyQt
学习随笔
:Qt中Model/View中的Model Index
Qt中Model/View中的ModelIndex是一个类,该类用于定位Model/View中数据模型中的数据。ModelIndex是从QAbstractItemModel派生的子类,用于在项视图(itemviews)、委托(delegates)和选择模型(selectionmodels)使用来定位Model中的数据项(delegates相当于MVC中的C,用于在视图中处理用户的输入,输入可以通过
LaoYuanPython
·
2023-10-14 02:24
老猿Python
Python
PyQt
Model/View
Model
Index
PyQt
学习随笔
:Model/View中视图数据项编辑变动实时获取变动数据的方法
对于Model/View中视图的数据编辑后怎么能实时获取编辑的数据变动位置和变动情况查阅了一些资料,终于基本弄明白必须重写Model的setData方法才能截获。setData方法是视图中各种角色数据发生更新后视图用于更新Model数据的方法,只要重写该方法就可以截获视图对Model数据的修改。不过网上介绍的思路都是从QAbstractTableModel派生出一个自己的Model类,并实现相关方
LaoYuanPython
·
2023-10-14 02:24
老猿Python
Python
PyQt
Model/View
编辑数据实时截获
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
echarts
vue.js
javascript
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
Vue
学习随笔
系列二 -- 前端文件导出
Vue
学习随笔
二——前端文件导出后端接口返回的文件流下载为excel文件文章目录Vue
学习随笔
二——前端文件导出一、axios导出接口文件流1、接口封装2、调用方法二、直接导出表格数据1、安装插件2、页面引入组件
梅子酱~
·
2023-10-13 18:53
前端
vue.js
学习
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
vue.js
android
微信
音视频
仿写网易云音乐Demo项目(Vue3+Vite+Vuex+Vue-Router4.0)
项目简介1.前端技术栈:
vue3.0
全家桶(组合式API)vuex➕vuex-persistedstate(持久化数据存储)开发与构建工具Vite(极速的开发服务器启动)坚守前端MVVM的设计理念,遵循组件化
FeyeW
·
2023-10-13 06:40
web前端
vue.js
vue.js
前端
javascript
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
根路径
PyQt(Python+Qt)
学习随笔
:QTableWidget中表格各列平均分配宽度的两种方法
老猿Python博文目录专栏:使用PyQt开发图形界面Python应用老猿Python博客地址在QTableWidget表格部件中,如果需要实现表格中各列要占满部件中的可用空间,同时实现各列平分所有空间,有两种方法来实现。方法一、设置水平表头的sectionResizeMode为Stretch当水平表头的sectionResizeMode设置为QHeaderView.Stretch后,各列会自动均
LaoYuanPython
·
2023-10-11 21:30
老猿Python
python
PyQt
QTableWidget
各列
均分宽度
PyQt(Python+Qt)
学习随笔
:QTableWidget表格部件中行高和列宽的计算方式
老猿Python博文目录专栏:使用PyQt开发图形界面Python应用老猿Python博客地址QTableWidget表格部件中行高和列宽的计算在Qt提供的资料中内容介绍比较泛,细节说得不清楚,为此老猿花了整整2天时间进行反复摸索,最终将行高和列宽的计算方法研究明白了,在此整理一、对列宽的计算:对QTableWidget表格部件的每个项的列宽计算方式如下:1.1、获取表头的sectionResiz
LaoYuanPython
·
2023-10-11 21:30
老猿Python
python
PyQt
QTableWidget
行高
列宽
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
vue.js
mars3d基于
vue3.0
的widget使用
mars3d在
vue3.0
生态上开发了两个gis相关开源项目mars3d-vue-example和mars3d-vue-project,在这两个项目中widget都是非常重要的一个模块。
泽安2018
·
2023-10-11 15:01
mars3d
vue.js
javascript
前端
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
npm
vue.js
javascript
vue3.0
引入Element UI(Plus)不生效问题
之前使用的都是vue2.0,按惯例element-ui这样引用应该没有毛病,先install再在main.js中引入可控制台报错:原因:
vue3.0
不兼容element-ui,于是推出了element-plus
Zoriah
·
2023-10-11 13:12
vue
vue.js
前端
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
vue.js
elementui
Vue
学习随笔
系列一 -- Cascader 级联选择器
Vue
学习随笔
——Cascader级联选择器前言随笔一:记录Cascader级联选择器使用一、Cascader级联选择器二、使用步骤1.引入代码如下:2.数据定义代码如下:data(){return{props1
梅子酱~
·
2023-10-10 12:31
vue.js
学习
前端
vue3.0
使用van-pull-refresh,与页面滚动事件冲突,滚动数据,会触发刷新
遇到的问题:
vue3.0
使用van-pull-refresh,与页面滚动事件冲突,滚动数据,会触发刷新解决方案:1.van-pull-refresh加上disabled,限制它是否可以滚动0"ref="
wow Larissa
·
2023-10-10 04:03
vant
vue
前端
vue
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+Ts
vue.js
ts
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
vue.js
前端
javascript
前端扯犊子之三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
#
vue技术栈
vue.js
javascript
前端
尚硅谷 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
Vue学习笔记和案例
学习
vue.js
前端
前端框架
尚硅谷 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
Vue学习笔记和案例
学习
前端
vue.js
node.js
前端框架
vue3.0
新特性学习笔记
vue3.0
学习笔记一、
vue3.0
支持了Typescript1、数据声明方式2、数据类型3、typescript编译4、ts类和面向对象介绍5、属性修饰符6、声明文件二、vite构建工具1、vite2
EricFRQ
·
2023-10-08 16:26
前端相关
vue.js
vue
上一页
7
8
9
10
11
12
13
14
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他