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
Devtools安装
去吧https://www.bilibili.com/video/BV1W64y1o7ta?from=search&seid=1796818890975561973&spm_id_from=333.337.0.0
hello_web_Front
·
2023-07-23 03:38
vue3.0
子组件修改父组件传递过来的值
第一种解决方法vue的子组件不是不能直接更改父组件的值,需要将props的值给到子组件,后再修改,否则:Unexpectedmutationof“props”prop.vue3提供了一个解决:toRefs:https://v3.cn.vuejs.org/api/refs-api.html#torefstoRefs非常有用,这样消费组件就可以在不丢失响应性的情况下对返回的对象进行解构/展开使用con
昵称老重复
·
2023-07-22 23:56
vue3
bug分享
javascript
vue.js
javascript
前端
vue打包篇-分析包数据再进行CDN配置图片文件压缩等优化
主要是因为博主当初的服务器才1M带宽........1M该Demo为
vue3.0
的~查看包文件这个没有优化过的包首先,修改我们的package.json文件然后执行打包命令npmrunbuild我们会发现多了一个
Penk是个码农
·
2023-07-22 17:25
vue
vue.js
webpack
uniapp vue3版本 Android 引用 jsencrypt加密库 报错问题 “default“ is not exported by,解决方法
文章目录一、问题:
vue3.0
中引用jsencrypt加密库报错二、原因:jsencrypt库不支持es6ESmodule模块导出,vue3不支持commonjs导入导出三、解决:改配置文件四、具体使用一
范德萨_
·
2023-07-22 17:53
前端
uniapp
uni-app
android
javascript
网络
vue.js
可选操作符? vue-cli3 babel配置
项目使用目前
vue3.0
后的搭建可以直接使用可选链和双问号。
C+ 安口木
·
2023-07-22 17:52
前端开发
vue.js
【Vue3】初始化和Composition API(组合式)
Vue3创建
Vue3.0
工程查看自己的vue/cli版本,使用Vue/cli创建使用vite创建查看
Vue3.0
工程vue.config.js中,关闭语法检查,main.js讲解app.vue讲解常用的
博主花神
·
2023-07-22 14:34
【Vue3】专栏
vue.js
前端
Vue3.0
和Vue2.0写法比较
Vue3.0
写法部分:这部分是创建了一个完成该功能的函数,所有数据和操作都在这一个函数里,直接调用即可。image.png接着对上面的函数进行封装,注意此处用setup()函数为
Vue3.0
新增的。
程序媛233
·
2023-07-20 13:57
vue3相对于vue2的优点
Vue3.0
设计目标一.更小1.全局的API和内置组件/功能支持tree-shaking2.常驻的代码尺寸控制在10Kbgzipped上下二.更快1.基于Proxy的变动侦测,性能优于getter/setter2
工程狮子
·
2023-07-20 08:40
Vue3.0
的设计目标是什么?做了哪些优化?
一、设计目标不以解决实际业务痛点的更新都是耍流氓,下面我们来列举一下Vue3之前我们或许会面临的问题随着功能的增长,复杂组件的代码变得越来越难以维护缺少一种比较「干净」的在多个组件之间提取和复用逻辑的机制类型推断不够友好bundle的时间太久了而Vue3经过长达两三年时间的筹备,做了哪些事情?我们从结果反推更小更快TypeScript支持API设计一致性提高自身可维护性开放更多底层功能一句话概述,
安语未
·
2023-07-20 03:50
vue.js
前端
javascript
Vue3.0
实用小工具
Vue3UI库/相关工具/可视化/生态全分享技术胖整理分享1.WebUI库1.ElementUIPlus一套为开发者、设计师和产品经理准备的基于
Vue3.0
的桌面端组件库https://element-plus.org
Leeeeeer
·
2023-07-20 02:58
vue.js
前端
javascript
Vue3+Vite+Pinia+Naive后台管理系统搭建之八:构建 login.vue 登录页
前言如果对vue3的语法不熟悉的,可以移步
Vue3.0
基础入门,快速入门。项目所需要的图片,icon图标(推荐:阿里巴巴矢量图标库)自行获取,命名一致就行。
yqcoder
·
2023-07-19 22:18
前端
vue.js
javascript
Vue3+Vite+Pinia+Naive后台管理系统搭建之六:Axios 网络请求
前言如果对vue3的语法不熟悉的,可以移步
Vue3.0
基础入门快速入门。
yqcoder
·
2023-07-19 22:18
前端
Vue3+Vite+Pinia+Naive后台管理系统搭建之七:utils 工具构建
前言如果对vue3的语法不熟悉的,可以移步
Vue3.0
基础入门,快速入门。
yqcoder
·
2023-07-19 22:18
前端
vue.js
javascript
Vue3+Vite+Pinia+Naive后台管理系统搭建之二:scss 的安装和使用
前言如果对vue3的语法不熟悉的,可以移步
Vue3.0
基础入门,快速入门。
yqcoder
·
2023-07-19 22:48
scss
前端
javascript
Vue3 系列:从0开始学习
vue3.0
vue3.0
与2020/9/18正式发布,vue2.0与2023/12/31日停止维护。
yqcoder
·
2023-07-19 22:18
vue3系列
学习
vue.js
前端
Vue3.0
实现原生高度可自定义菜单组件vue3-menus
vue3-menusVue3.0自定义右键菜单
Vue3.0
原生实现完全自定义右键菜单组件,零依赖,可根据可视区域自动调节显示位置,可支持插槽完全重写每一项菜单展示项目地址GitHubGitee在线演示完整菜单功能演示复制粘贴演示快速安装
xfy520
·
2023-07-19 22:47
vue3.0
里的vue.config.js配置信息完整版,
vue3.0
build发布,proxy,跨域访问设置等
朋友建议您先收藏起来
vue3.0
里的vue.config.js配置信息完整版:vue3.0build发布,proxy,跨域访问设置等如果没有vue.config.js那么自己就在根目录建一个vue.config.js
永远的新手
·
2023-07-19 22:09
vue3.x
vue
JavaScript
vue3.0
+ ts 项目实现pc端和移动端的适配+判断设备
vue3.0+ts项目实现pc端和移动端的适配写在前面:最近写前端项目需要做移动设配和PC端的适配,移动端适配包括了平板和各式各样的手机。之前都是直接使用自己做的rem换算单位来进行适配,但是,现在发现没法适配平台。最近一直在查资料,可算是让我找着了一款适合的了。"postcss-pxtorem":"^5.1.1"就是这个插件,它可以自动将px转化成rem,也就意味着我们可以不再使用之前自己写的转
qiao若huan喜
·
2023-07-19 18:49
Vue
typescript
前端
vue
antdesginVue
VUE3.0
Cascader 级联选择省市区(县)镇四级联动 动态加载数据(组件封装)
antdesginVueVUE3.0Cascader级联选择省市区(县)镇四级联动动态加载数据第一步:获取数据第一步异步加载数据import{ref,watch}from'vue'importtype{CascaderProps}from'ant-design-vue'import{getDistrict}from'@/api'interfaceprops{province:Tcity:Tcoun
造梦者FZ
·
2023-07-19 15:21
vue
javascript
vue.js
前端
vue3.0
+ element Plus实现页面中引入弹窗组件及defineExpose用法
1.在需要弹窗显示的页面引入你所写的弹窗组件(index.html)更新进度2.在js文件中设置ref的值及通过按钮触发打开弹窗import{ref}from"vue";import{View}from"@element-plus/icons";constprocessDailogRef=ref();//查看一键更新进度//onChangeVisable()为子组件中通过defineExpose暴
欢喜~999
·
2023-07-19 08:55
vue.js
前端
javascript
Vue3.0
在组件外使用 VueI18n 的问题
通常将写在setup里面的代码写在外面会报错Mustbecalledatthetopofa`setup`意思是必须写在setup里面要将i18n与Vue3的组合API一起使用,但在组件的setup()之外,需要这么写//locales/setupI18n.tsimport{App}from'vue';import{createI18n}from'vue-i18n';//引入vue-i18n组件im
mrhaoxiaojun
·
2023-07-19 04:42
Vue
vue.js
typescript
vuei8n
i18n
篇章十二 Vue3开发
文章目录Vue3.0Vue带来了什么一、创建
Vue3.0
工程1、使用vue-cli创建2、使用vite创建1、创建工程2、分析工程结构2.1、`main.js`文件中2.2、`App.vue`文件中二、
博客zhu虎康
·
2023-07-19 00:48
前端知识图谱
vue.js
Vue3.0
性能提升主要是通过哪几方面体现的?
一、编译阶段回顾Vue2,我们知道每个组件实例都对应一个watcher实例,它会在组件渲染的过程中把用到的数据property记录为依赖,当依赖发生改变,触发setter,则会通知watcher,从而使关联的组件重新渲染试想一下,一个组件结构如下图:静态文本静态文本&
安语未
·
2023-07-18 22:43
前端
vue.js
javascript
终端运行npm install @tinymce/tinymce-vue -S报错的解决办法
用vue整合tinymce富文本编辑器,报错报错原因:报错的原因是下载版本与vue的版本对不上vue2.0版本应该使用npminstall--save"@tinymce/tinymce-vue@^3"
vue3.0
默然相爱鱼鱼鱼
·
2023-07-18 07:11
vue.js
npm
前端
vue组件间通信之兄弟组件通信(
vue3.0
$EventBus)
vue组件间通信之兄弟组件通信(
vue3.0
$EventBus)vue组件中的数据传递最最常见的就是父子组件之间的传递。
茶一蛊
·
2023-07-18 06:55
vue.js
Vue.js面试
vue.js
javascript
前端
Vue3.0
vue3优势性能更好,体积更小,TS支支compositionapi:更好的代码组织(可以把业务逻辑块集中管理)、更好的逻辑复用、更好的类型推导Vue3和Reactvueoptionsapi对应reactclasscomponentvuecompositionapi对应ReacthooksVue3新特性允许没有根标签移除过滤器filter移除keyCode移除v-on.native在子组件上声明自
DGogoing
·
2023-07-18 04:43
vue.js
前端
javascript
Vue3.0
路由
目录一、路由懒加载二、三种模式三、带参数的动态路由匹配四、params和query传参五、编程式导航六、全局前置守卫七、组件内的守卫八、缓存页面一、路由懒加载当打包构建应用时,JavaScript包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就会更加高效。constHome=()=>import('./views/Home
星星编程
·
2023-07-17 22:16
搭建
vue3.0
项目及下载常用插件流程
1.安装vue-cli3.0以上版本脚手架工具npminstall-g@vue/cli2.创建项目工程vuecreatehello-world安装好之后cd项目根目录,运行项目npmrunserve.3.下载一些常用的插件(1)scss或者less,这里我用scssnpminstallsass-loadernode-sass--save$color=red;(2)vue-router是必不可少的c
C_razy
·
2023-07-17 18:30
Vue3.0
所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同?
一、
Vue3.0
所采用的CompositionApi与Vue2.x使用的OptionsApi有什么不同?
Particular12.
·
2023-07-17 12:27
vue.js
前端
javascript
Vue3.0
路由跳转携带参数
一、路由跳转1、在需要跳转的页面//引入API---useRouterimport{useRouter}from'vue-router'......//定义router变量constrouter=useRouter()constmethodClick=(data)=>{letparamValue=data.deviceCode//路由跳转,携带参数router.push('/equipment/o
Particular12.
·
2023-07-17 12:57
vue.js
javascript
前端
Vue3_简介、CompositionVPI、新的组件
文章目录Vue3快速上手1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建
Vue3.0
工程1.使用vue-cli创建2.使用vite创建二
菜鸟娃哈哈
·
2023-07-17 11:22
前端基础
vue.js
vue
vue3.0
新特性
1、速度方面:通过更新runtime-core与runtime-dom,支持了包括Fragments、Portals与Suspensew/asyncsetup()等(似乎有点越来越像react),支持CompositionAPI、OptionsAPI和typings,配合Proxy的引入,极大程度上提高了响应式的能力。CompositionAPI与Proxy的运用使得组件化更加灵活,逻辑业务组件的
鱼儿灬天上飞
·
2023-07-17 08:52
vue3.0
1、更快VirtualDOM完全重写,mounting&patching提速100%;更多编译时(compile-time)提醒以减少runtime开销;基于Proxy观察者机制以满足全语言覆盖及更好的性能;放弃Object.defineProperty,使用更快的原生Proxy;组件实例初始化速度提高100%;提速一倍/内存使用降低一半。2.更小Tree-shaking更友好;新的corerun
面朝南的落地窗
·
2023-07-16 22:04
vue3.0
之组合API有哪些(详解)
vue3.0
之组合API有哪些一、setup函数二、生命周期三、reactive函数四、toRef函数五、toRefs函数六、ref函数七、知识运用案例八、computed函数九、watch函数十、ref
Gik99
·
2023-07-16 20:02
vue.js
javascript
前端
Vue3.0
自定义指令
自定义指令本质:使用JavaScript操作Dom元素自定义指令使用:(1)定义采用模块化定义,在src目录下创建directives目录,在这个目录中放置项目用到的所有自定义指令,方便管理和维护。(2)注册全局注册(使用较少)和局部注册(3)页面使用在html页面模板使用时,在定义的指令前加v-Example1:页面加载输入框自动获取焦点//App.vue输入框自动获取焦点//使用文本框高亮显示
Zaralike
·
2023-07-16 08:40
前端
vue
Vue项目环境搭建
vue3.0
与vue2.0的区别:3.0新加入了TypeScript以及PWA的支持部分命令发生了变化:下载安装npminstal
爱吃香菜的憨憨
·
2023-07-16 07:45
Vue3.0
如何在setup中获取定义的全局方法
在有些情况下我们需要定义全局方法然而在
vue3.0
中我们定义全局方法需要在globalProperties上面定义,大部分情况下还是可以定义在main.js中的。
周亚鑫
·
2023-07-15 21:12
vue
vue
从Vue2到Vue3【零】——Vue3简介及创建
系列文章目录内容链接从Vue2到Vue3【零】Vue3简介及创建文章目录系列文章目录前言一、Vue3的发布带来了什么1.1性能提升1.2源码升级1.3支持TypeScript1.4新特性二、创建
Vue3.0
前端百草阁
·
2023-07-15 17:54
从Vue2到Vue3
前端
javascript
vue.js
Vue3.0
学习笔记-全局组件和局部组件
根组件Vue.createApp实际是建立一个Vue的实例,也就是相当于第一个根组件全局组件及组件复用性Vue中的组件是页面中的一部分,通过层层拼装,最终形成了一个完整的组件弊端:只要定义了,处处可以使用,性能不高,但是使用起来简单app.component('website',{template:`Website组件`})app.component('describe',{template:`D
petit_wu
·
2023-07-15 03:57
vue
javascript
css
vue.js
vue
第 10 阶段 · 精通前端框架从
Vue3.0
起步
我们在第9阶段学习了webpack,截止到目前把核心概念都讲完了。随着后续我对webpack不断实践,再弥补一些实践性的内容,就算完美了,如果你想继续深入学习,可通过我推荐的资料这些资料助你搞透Webpack深入学习。第10阶段即将开启,跟上时代前端人至少要「精通」一个前端框架,无论是Vue还是React,不只是会用,需要掌握框架的核心思想、优缺点。经过这几年的迭代更新,Vue逐步迈入3.0时代,
lefex
·
2023-07-14 17:13
编程语言
css
css3
人工智能
html
【Web前端学习之路】
Vue3.0
前端必会框架 (黑马课程笔记01)
1、什么是前端工程化前端工程化指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行规范化、标准化,实现前端的4个要求:模块化(JS的模块、css的模块、其他资源的模块化)组件化(复用现有的UI结构、样式、行为)规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理)自动化(自动化构建、自动部署、自动化测试)2、webpack基础什么是webpackwe
a123456_9
·
2023-07-14 17:09
前端
webpack
前端
学习
vue3.0
框架Element Plus
ElementPlus前言一、安装二、使用步骤1.完整引入2.按需导入ViteWebpack前言由于Vue3不再支持IE11,ElementPlus也不再支持IE浏览器。一、安装#NPM$npminstallelement-plus--save#Yarn$yarnaddelement-plus#pnpm$pnpminstallelement-plus根据不同的CDN提供商有不同的引入方式,我们在这
前端——散人柚
·
2023-07-14 17:39
javascript
vue.js
前端
vue3.0
,国内前端框架的迭代的趋势
1.介绍最火的框架之一;比vue2速度更快,体积更小;提供更先进的内置组件;组合API,更好的组合逻辑;更接近js,按需加载,越来越多公司开始使用vue3。2.安装1需要安装vue脚手架npmi@vue/cli-g2.创建项目vuecreate项目名3.在ChooseaversionofVue时选择3.x4.然后按照vue2创建项目的流程即可建议:在使用vscode时可以安装vuevolarext
Lin_25937
·
2023-07-14 17:08
前端
javascript
vue.js
vue
前端框架
Vue3.0
目录一、创建
Vue3.0
工程1.使用vue-cli创建1.1.检查@vue/cli的版本,确认是否@vue/cli版本在4.5.0以上1.2.安装或者升级@vue/cli1.3创建工程1.4启动Vue工程
Acloasia
·
2023-07-14 17:02
Vue
前端框架
javascript
前端
vue3.0
一:
vue3.0
介绍1:源码组织方式的改变源码采用TypeScript重写【会有格式类型匹配提示】使用monorepo管理项目结构2:CompositionAPI【
vue3.0
采用CompositionAPI
JIseven
·
2023-07-14 09:03
vue
vue.js
vue
前端
前端框架
【
Vue3.0
】
提示:继续深入了解
Vue3.0
内容文章目录前言一、Setup?二、CompositionAPI前言提示:这里可以添加本文要记录的大概内容:例如:Vue.js是一款流行的JavaScript前端框架。
辣可乐少加冰
·
2023-07-14 03:03
Vue3
JavaScript
javascript
前端
前端框架
vue3.0
详细说明+案例 !!!
提示:
vue3.0
文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:Vuee.js的最新版本。
辣可乐少加冰
·
2023-07-14 03:33
前端
JavaScript
Vue3
javascript
vue.js
typescript
基于CSS3、原生JS、
Vue3.0
技术各自实现序列帧动画效果
还记得序列帧技术在2018年的时候很火的,那时做H5很吃香的...那么在此记录一下用纯CSS3、原生JS、
Vue3.0
,这3种方式来设计几个例子。
帅龍之龍
·
2023-07-13 22:24
#
Vue
前端大杂烩
前端
vue3.0
dragula 看板功能实现
实现功能1、列表标题可更改2、列表也可以拖动3、卡片可拖动4、列表可新增遇到的问题:1、dragula安装导入一直报错,直接require进来的,css是直接加在了vue文件的最后面2、v-for加载ref,导致新增的列表无法让元素拖动解决方法://template:ref="(el)=>setPRef(el,index+1)"//方法letparentRefs=[]asany[];functio
十四喵酱
·
2023-07-13 16:05
前端
vue-cli如何升级到最新版本
vue-cli如何升级到最新版本想用vue-cli脚手架创建
vue3.0
项目学学,要求vuecli版本在4.5.0以上,vue--version查看了下vue-cli版本@vue/cli4.1.1发现版本低了
科罗拉多
·
2023-07-13 16:03
vue.js
node.js
上一页
11
12
13
14
15
16
17
18
下一页
按字母分类:
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
其他