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.0
移动端将px转换为rem
第一种方法:我们可以将写的rem的js直接写在public文件夹下的index.html文件的头部,记得要加移动端头部的meta标签第二种方法:就是将rem的js放在public文件夹下创建一个,在main.js中引入,也可以使用第三种方法:参考链接https://blog.csdn.net/m0_46242315/article/details/104138421?utm_medium=dist
焚心123
·
2024-02-05 20:42
Vue3.0
所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同?
文章目录开始之前正文一、OptionsApi二、CompositionApi三、对比逻辑组织OptionsAPICompostionAPI逻辑复用小结开始之前CompositionAPI可以说是Vue3的最大特点,那么为什么要推出CompositionApi,解决了什么问题?通常使用Vue2开发的项目,普遍会存在以下问题:代码的可读性随着组件变大而变差每一种代码复用的方式,都存在缺点TypeScr
花言儿
·
2024-02-05 15:02
ubuntu
linux
运维
基于springBoot、vue导出Excel文件
一、运行环境SpringBoot、jdk15(版本不影响)、
vue3.0
二、使用步骤1.导入依赖在pom.xml中添加poi的依赖:org.apa
ONY_X
·
2024-02-05 09:37
springboot
vue
spring
boot
vue
poi
vue3.0
中从proxy中取值
使用
vue3.0
时,因为底层是使用proxy进行代理的所以当我们打印一些值的时候是proxy代理之后的,是Proxy对象,Proxy对象里边的[[Target]]才是真实的对象。
天外天-亮
·
2024-02-05 06:14
Vue
proxy
vue3.0
【
Vue3.0
】- 入坑 - 全家桶
本文主要内容基于vue-cli快速搭建
Vue3.0
项目快速搭建
Vue3.0
项目版本"dependencies":{"core-js":"^3.6.5","vue":"^3.0.0-0","vue-router
啦啦啦喽啰
·
2024-02-04 13:41
::v-deep和/deep/和>>> 区别
某个深层元素(eg:.el-input__inner)或其他深层样式时,需要使用/deep/,如.conBox/deep/.el-input__inner{padding:010px;}注意,/deep/在
vue3.0
Musclewl
·
2024-02-03 19:51
web
vue
前端
【
vue3.0
】26.0 某东到家( 廿六)——不同设备适配和项目上线
不同设备适配目前是针对普通手机的屏幕尺寸设计,如果需要适配比如平板电脑,等比例放大,需要进行设备配置。修改public\index.html只需要在title后面增加如下代码://设备屏幕的宽度varwidth=document.documentElement.clientWidth||document.body.clientWidthvarratio=width/375varfontSize=1
bobokaka
·
2024-02-03 18:15
vue3.0
项目启动“npm run dev”报错:error when starting dev server:Error: Cannot find module ‘node:path‘ .....
vue3.0
项目,必须安装node版本等于或者大于15.0.0版本;#安装依赖npminstall--registry=https://registry.npmmirror.com#启动服务npmrundev
至尊宝♬
·
2024-02-03 17:45
npm
前端
node.js
Vite与Vue-cli的区别和特点
目录前言1.如何使用Vite和Vue-cli创建
vue3.0
项目2.Vite与Vue-cli的特点3.Vite与Vue-cli之间的区别总结前言Vite是创建
vue3.0
时的一个基本项目脚手架和开发服务器的构建工具
程序员--韩同学
·
2024-02-03 12:40
vue3.0
vue.js
webpack
javascript
vue3.0
Composition API上手体验
vue3.0CompositionAPI上手体验
vue3.0
对比vue2.0优势
vue3.0
相比vue2.0性能提升了近50%,框架内部做了大量性能优化,包括:虚拟dom,编译模板,Proxy的新数据监听
廊坊吴彦祖
·
2024-02-03 08:57
vue
vue3.0
Composition
API
vue
vue-cli4
Vue3.0
(一):Vue的引入-options api-模板语法
Vue的引入方式CDN方式进行引入将以下script标签引入即可Document//使用Vueconstapp=Vue.createApp({template:`hello`,});//挂载app.mount("#app");本地引入可以将CDN中地址中的代码,拷贝到一个vue.js文件中之后引入该js文件即可命令式编程和声明式编程的区别以上案例是实现了一个计数器的功能左边是Vue实现右边是原生实
前端大菜鸟_
·
2024-02-03 08:55
Vue3.0
vue.js
前端
前端框架
Vue3快速上手
一、创建
Vue3.0
工程1.使用vue-cli创建官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create##查看@vue
吃一口你的梦。
·
2024-02-03 05:53
vue.js
前端
学习
vue3.0
源码解析,patch&diff过程
什么是patch在浏览器中,每次操作dom,都会引起一次重绘重排过程,如果短时间进行多次操作,对性能损耗很大,容易引起卡顿。在vue中,使用虚拟dom(Virtualdom),来对真实dom的一种抽象化处理的树结构,模拟真实dom,提升性能。而在更新dom节点时,通过对虚拟dom的对比diff(如果是更新操作)来进行对虚拟dom结构的增删改的一系列操作流程,就是patch过程。前置了解在解读源码之
柯闪电
·
2024-02-02 15:47
vue
vue.js
javascript
vue
vue3.0
、cli4项目引入element plus
element团队为新版的vue-cli4准备了相应的ElementPlus插件安装依赖npminstallelement-plus--savemain.js全局引入,样式文件需要单独引入import{createApp}from'vue'importElementPlusfrom'element-plus';import'element-plus/lib/theme-chalk/index.cs
aら 淼
·
2024-02-02 12:29
vue
组件
element
plus
Vue学习之使用HBuilderX创建并使用
vue3.0
项目
Vue学习之使用HBuilderX创建并使用
vue3.0
项目下文将简述如何使用HBuilderX创建并使用
vue3.0
项目,包含项目创建、目录介绍、如何引用组件、首页自定义设置。
ciku
·
2024-02-01 20:08
Vue学习
vue.js
学习
前端
vue3.0
组件传值
vue3.0
组件传值父组件子组件hellowrold.vueHellowrold2.vue父组件Thisisanaboutpageimport{ref,reactive}from'vue';importHelloWorldfrom
miao_zz
·
2024-02-01 14:45
vue3.0
javascript
vue.js
前端
最新最全的前端面试题集锦之
Vue3.0
篇【干货满满】
该内容主要整理关于
Vue3.0
的相关面试题,关于Vue2的相关面试题请移步至:Vue全家桶篇,其他内容面试题请移步至最新最全的前端面试题集锦查看。
八了个戒
·
2024-02-01 04:38
Vue系列
前端面试
前端
vue
面试
react
Vue3
最新最全的前端面试题集锦之 Vue 全家桶篇(从基础到高级,最新最全最详细解答)
关于
Vue3.0
的相关面试题,请移步至
Vue3.0
篇查看。目录一、Vue经典面试题(附答案)1.什么是`MVVM`?2.`MVVM`和`MVC`区别?它和其它框架(`jQuery`)的区别是什么?
八了个戒
·
2024-02-01 04:08
前端
前端面试
Vue系列
vue
面试
js
vue.js
【Vue】手把手带你深入了解
Vue3.0
的渲染器
前置概念vdom:多个虚拟元素节点组合成的树状结构vnode:某一个虚拟元素节点挂载:将虚拟DOM节点渲染成真实DOM节点的过程一、渲染器的设计首先我们要区分vue当中两个概念,一个是渲染器(renderer),一个是渲染(render)。前者renderer,渲染器的作用是将我们的vdom转化成真实的DOM元素来呈现。后者render,渲染函数的作用是将我们的vnode添加并且挂载到真实DOM容
Triumph-light
·
2024-01-30 18:14
Vue框架
vue.js
javascript
前端
【Vue】
Vue3.0
样式隔离
在这里记录一下
Vue3.0
里面的样式隔离特性,在项目开发过程当中,有时候将样式单独提到了一个文件当中再引入到单组件文件当中,会导致没有样式隔离。这里阅读Vue官方文档找到了解决办法。
Triumph-light
·
2024-01-30 18:12
Vue框架
vue.js
前端
javascript
vue3.0
中设置网页title
1.在public/index.html中设置title2.路由中设置meta//路由配置规则constroutes:Array=[{path:'/login',name:'login',meta:{title:'登录'},component:()=>import(/*webpackChunkName:'login'*/'@/views/login/index.vue')},{path:'/',c
猫在裙角jslms
·
2024-01-30 12:09
VUE3.0
vue
vue3.0
性能优化点之静态标记(PatchFlag)
关注Vue3源码库的童鞋应该有注意到,2021.11月2号Vue更新到了3.2.21版本,自Vue3发布以来,一直在不断的迭代完善着,Vue3的GitHub仓库已有25.7kStar,主流UI框架如:AntDesignofVue、elementplus、Vant等已实现了对Vue3的支持关注颇高的Vue3都有哪些亮点呢?性能上快了1.3~2倍是Vue3的一大亮点,而本文就主要记录下提升性能的一个措
Ashley的成长之路
·
2024-01-29 18:34
Vue
前端
vue.js
性能优化
javascript
snowpack和vite:noWebpack,无bundle的代表
支持情况上手使用安装初始化新项目旧项目迁移配置开发调试生产打包基本原理vite上手使用安装及初始化基本原理选型和展望相关链接“noWebpack”,无bundle的代表:snowpack和vite前段时间
Vue3.0
Micheal_Wayne
·
2024-01-28 20:23
前端
js
webpack
vue.js
javascript
webpack
前端
node.js
一个
Vue3.0
项目的搭建到开发(Vue3+Vue/cli4.x+ElementPlus+vue-router等)
最近稍微了解了点VUE的用法,也自己做了一个很简单的项目,这里记录一下项目的完整的开发过程,包括搭建,整合包,配置等,顺便一边记录一边重头搭一遍作为下一个练手项目的开始。安装环境Nodejs安装Nodejs,自行下载安装并配置系统环境变量就行了,不过要注意下版本选择,目前我的node是16.4.1,执行一下node-v显示版本就代表安装和配置成功啦!vue/cli接下来安装vue脚手架,执行命令n
KimiKudo
·
2024-01-28 05:31
学习记录
vue.js
前端
javascript
vite搭建
vue3.0
项目
vite官网创建项目1、yarncreate@vitejs/appimage还有很多选项,我选的是vue安装相关依赖1、开发依赖yarnaddvue-router@nextvuex@nextelement-plusaxios-S2、生产依赖yarnaddsass-D修改端口号vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vit
X_8d6a
·
2024-01-28 04:08
vue3.0
正确安装 vue-devtools插件
下载vue-devtools插件时遇到的问题,由于是版本问题导致的,目前vue-devtools需要使用beta版本的,这个才是vue3.x用的。1.在官网https://github.com/vuejs/devtools,下载vuejs_devtools_beta-6.0.0.20-an+fx.xpi文件,安装到谷歌2.点击beta版的,下载最新的版本3.下载后把文件后缀名改成rar,再解压4.
zht__123
·
2024-01-28 00:19
vue.js
前端
vue3 初体验
据vue作者尤雨溪去年发布的
vue3.0
正式版本发布以来一直没时间看,今天就来体验一下
vue3.0
。
邹小小白
·
2024-01-27 13:50
vue3.0
规范学习记录
组合式函数使用use+name进行命名,例如useMouse;自定义指令使用v+name进行命名,例如vFocus;在组件使用v-model实现“双向绑定”时,子组件默认通过emits(‘update:modelValue’,params)触发更新;setup()钩子是在组件中使用组合式API的入口,通常只在以下情况下使用:需要在非单文件组件中使用组合式API时。需要在基于选项式API的组件中集成
椒盐大肥猫
·
2024-01-26 09:58
vue3
javascript
vue.js
在
vue3.0
的JSX语法下使用插槽
由于在vue2中JSX的语法在渲染和代码简洁度上有优化,偶尔也会用JSX的形式封装组件;新的项目里开始用vue3发现,以前丢插槽的两种方式行不通了,得想想办法才行。//vue2插槽写法render(h){const{$scopedSlots}=this//第一种const{title=()=>h('p',{style:'margin-top:0'},this.title),}=$scopedSlo
白菜new
·
2024-01-25 23:14
element-ui
Vue
javascript
vue.js
前端
修改element-ui某个深层元素
某个深层元素(eg:.el-input__inner)或其他深层样式时,需要使用/deep/,如.conBox/deep/.el-input__inner{padding:010px;}注意,/deep/在
vue3.0
weixin_46852620
·
2024-01-25 17:15
elementUI
vue3.0
项目引入three.js的方式(vue中使用three.js01)
vue中引入three.js有两种方式1.在index.html文件中引入2.通过npm下载依赖包引入注:以下操作是vue-cli3.0的引入的实现步骤下载依赖包npminstall--sthree配置文件设置在项目目录下创建vue.config.js文件constThreeExamples=require('three')...//第三方插件配置pluginOptions:{//......Th
点燃火柴
·
2024-01-25 02:43
vue-three.js
three.js
vue中使用three.js
三维可视化
三维web
vue3.0
路由route/router的使用
注意vue-router版本,我用的是"vue-router":"^4.0.0-alpha.6"官网的使用步骤//1.Defineroutecomponents.//ThesecanbeimportedfromotherfilesconstHome={template:'Home'}constAbout={template:'About'}//2.Definesomeroutes//Eachrou
小阮的学习笔记
·
2024-01-24 18:25
vue
从vue2到vue3,一文带你看完vue3的新特性
目录前言第一部分、vue2的痛点——代码糅杂第二部分、Vue3的组合式API(CompositionAPI)一、setup1.setup的定义2.setup的语法1)写法1:
vue3.0
,setup函数
凯der苦练心态
·
2024-01-21 23:38
Vue
前端
javascript
开发语言
【
Vue3.0
】- 依赖注入
Providerexportdefault{provide:function(){return{foo:this.foo}}}//Consumerexportdefault{inject:['foo']}
vue3.0
啦啦啦喽啰
·
2024-01-21 16:20
2024.1.5 使用vue编写hello world
2024.1.5使用vue编写helloworld一个最简单的vue程序,现在已经是
vue3.0
时代,仅做留念附件是vue2.0.js文件vue2{{message}}newVue({el:"#app"
leigh_chen
·
2024-01-21 13:28
开发日记
vue.js
前端
javascript
【
vue3.0
】24.0 某东到家( 廿四)——订单列表开发
DOM完善修改src\views\orderList\OrderList.vue我的订单某什么码1已取消某什么码1¥588共3件importDockerfrom'@/components/Docker/Docker'exportdefault{name:'OrderList',components:{Docker}}.wrapper{overflow-y:auto;position:abs
bobokaka
·
2024-01-21 12:44
vue3和vue2的区别?好在哪里?
使打包的整体体积变小了;2、更友好vue3在兼顾vue2的optionsAPI的同时还推出了compositionAPI,大大增加了代码的逻辑组织和代码复用能力;3.proxy替换了之前的defineProperty二、
Vue3.0
苍山洱海胖
·
2024-01-20 21:11
====前端====
vue部分
#
vue日常
vue.js
前端
javascript
vue2.0和
vue3.0
的区别
vue2与vue3的区别更小vue2采用的是面向对象编程,vue3采用函数式编程更快vue3修改了细腻dom算法,只针对变化的层进行diff,而vue2是对所有的dom进行diff加强typescript支持api一致性提高可维护能力开放更多底层功能把更多的底层功能开放出来,比如render,依赖收集功能。数据双向绑定vue2使用的是definedOroperty,vue3使用的是proxyvue
wjing静
·
2024-01-20 16:58
Vue3+Element-Plus 登录功能配置弹框提示实现十五
小技巧:当前
Vue3.0
需要使用element-plusr如果是Vue2.0是使用element-uiVue3.0前面需要加上El例如
小丫头呀
·
2024-01-19 20:43
前端开发
vue.js
javascript
npm
Vue3笔记
文章目录1、
Vue3.0
环境集成1.使用vue-cli创建2.使用vite创建2、常用的CompositionAPI(组合API)1、setup函数2、ref函数3、reactive函数4、
Vue3.0
小狐狸ya
·
2024-01-19 15:52
vue
vue.js
javascript
前端
react中父组件如何直接调用子组件的方法和属性,以及对比
vue3.0
父组件调用子组件的方法和属性
react中父组件如何直接调用子组件的方法和属性,以及对比
vue3.0
父组件调用子组件的方法和属性reacthookvuesetup父组件子组件reacthookforwardRef(render)useImperativeHandle
miao_zz
·
2024-01-19 07:29
React
react.js
javascript
vue.js
vue3.0
使用inject(“reload“)刷新页面
(1)在app.vueimport{defineComponent,ref,nextTick,provide}from'vue';exportdefaultdefineComponent({setup(){//局部组件刷新constisRouterAlive=ref(true);constreload=()=>{isRouterAlive.value=false;nextTick(()=>{isR
墨尔本斌
·
2024-01-19 04:12
vue.js
前端
javascript
vue3.0
的学习
一.创建
vue3.0
工程1.使用vue-cli创建##查看@vue/cli版本,确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g
未成年梦想
·
2024-01-18 20:05
vue
javascript
HTML
vue.js
javascript
前端
Tortoise-orm 使用 (一) 创建表
项目基于
Vue3.0
,FastAPI的模板管理系统,从网上找了各种资源去实践,现在将总结发出来,分享给大家,希望帮助大家少走些弯路。
@@鹏~~~
·
2024-01-18 12:23
Python
android
2019-08-22 v(手把手教学)
vue3.0
项目中安装使用jquery
第一步:安装npminstall--savejquery第二步:查看package.json文件"dependencies":{"jquery":"^3.4.1",///一定要有这个没有的话,手动添加"@antv/f2":"^3.4.1","core-js":"^2.6.5","vue":"^2.6.10","vue-router":"^3.0.3","vuex":"^3.0.1"},第三步:新创
冬天的_太阳
·
2024-01-17 23:04
vue3.0+webpack
vueinitwebpackmypro初始化一个项目并指定打包工具之后提示我需要安装,这是
vue3.0
和vue2.之间的桥接工具:npminstall-g@vue/cli-init安装完成即可再次vueinitwebpackmypro
真是个非常帅气的昵称呢
·
2024-01-17 21:11
js-时间相关操作(获取当前日期、最近三天、近一月及前N天的日期)
我这里采用
vue3.0
的写法1.日期选择器,限制范围(默认当前日期,以及前2天)选择时间:import{onBeforeUnmount,onMounted,reactive,ref,getCurrentInstance
七月_Mo
·
2024-01-17 18:23
Js
Vue
Vue3.0
javascript
前端
开发语言
vue2.0/3.0 使用ref获取dom元素
$refs.drag)}}
vue3.0
用ref获取DOM元素:由于
vue3.0
中没有this和$refs,则在vue2中使用$refs来获取dom元素的方法在vue3行不通所以在vue3就可以使用以下方法
小粗腿Cc
·
2024-01-17 13:11
vscode
前端
javascript
vue.js
vue
基于
vue3.0
简单的页面使用
基于
vue3.0
简单的页面使用项目效果图项目文件图package.jsonmain.jsApp.vueviews/Tutorial.vueviews/TS.vueviews/Docs.vueviews/
miao_zz
·
2024-01-17 13:10
vue3.0
vue.js
javascript
前端
vue3 setup语法糖
在
Vue3.0
中变量必须return出来,template中才能使用;而在Vue3.2中只需要在script标签上加上setup属性,无需return,template便可直接使用,非常的香啊!
gqk01
·
2024-01-17 12:23
前端
vue.js
javascript
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他