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
父子组件传值问题
使用
vue3.0
时遇到父子传值的问题,顺便记录一下问题背景:如图所示,编辑按钮是父组件的部分,下面的表单是子组件需要:按下父组件中的编辑按钮时,子组件的表单需要变成可编辑状态,在可编辑状态下按下确定按钮后
七星元
·
2023-02-22 07:48
vue
vue.js
vue3.0
的各种路由守卫的使用,以及参数解析
先上一个简单的路由配置,和vue2还是有区别import{createRouter,createWebHistory}from'vue-router'constroutes=[{path:'/',redirect:'/login'},{path:'/login',name:'login',component:()=>import('../views/login/index.vue'),},{pat
拼客骏
·
2023-02-21 14:04
vue.js
前端
javascript
Vue2.0与
Vue3.0
生命周期对比
2.0生命周期3.0生命周期beforeCreate(组件创建之前)setup(组件创建之前)created(组件创建完成)setup(组件创建完成)beforeMount(组件挂载之前)onBeforeMount(组件挂载之前)mounted(组件挂载完成)onMounted(组件挂载完成)beforeUpdate(数据更新,虚拟DOM打补丁之前)onBeforeUpdate(数据更新,虚拟DO
走在风浪中
·
2023-02-21 13:01
vue
vue2.0和
vue3.0
生命周期对比
一、图示vue2.0到
vue3.0
改变beforeCreate->usesetup()created->usesetup()beforeMount->onBeforeMountmounted->onMountedbeforeUpdate
艾米家的猫儿(傻钢)
·
2023-02-21 13:30
vue3
vue
前端
javascript
css3
VUE3.0
生命周期函数
什么是生命周期:1.vue中每个组件都是独立的,每个组件都有一个属于它的生命周期,2.从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期,强调的是一个时间段。在vue3中,新增了一个setup生命周期函数,setup执行的时机是在beforeCreate生命函数之前执行,因此在这个函数中是不能通过this来获取实例的;同时为了命名的统一,将beforeDestroy改名为b
前端小灰狼
·
2023-02-21 13:30
vue.js
前端
javascript
vue3.0
生命周期以及如何使用vue-router、vuex
vue3.0
发布已经有一段时间了,用于生产环境还有点早,但是为了装杯还是要学一下的。
青浅l
·
2023-02-21 13:30
vue3
vue
vue3.0
生命周期中文翻译图
听过这么一个事,有些开发朋友英语不太好,干了好久前端了,但看是不明白生命周期图,我做了一下总结,相信看了下面图就会了解vue的整个运行周期原理了。
navysir8
·
2023-02-21 13:00
vue
vue
vue.js
html5
后台管理项目重构为
vue3.0
重构的目的具体案例下载项目一.为什么要重构后台管理项目二.安装项目所需的
vue3.0
插件三.具体代码重构四.在更改中遇到的`bug`总结前言:我们平常玩的游戏有时需要更新出新的内容,我们的项目也需要更新迭代
程序员--韩同学
·
2023-02-21 13:29
vue3.0
重构
vue.js
javascript
Vue3.0
setup的使用及作用
目录开篇:1.什么是setup2.setup怎么使用3.setup中包含的生命周期函数3.setup相关参数4.setup特性总结总结开篇:从vue2升级vue3,vue3是可以兼容vue2。所以v3可以采用v2的选项式api,但是v2不能使用v3的组合式api,由于选项式api一个变量存在于多处,如果出现问题,就需要去涵盖多个函数。项目越大,排查的难度也就越大。1.什么是setupsetup用来
程序员--韩同学
·
2023-02-21 13:59
vue3.0
javascript
前端
vue.js
vue3.0
响应式数据
目录1.什么是响应式2.选项式API的响应式数据3.组合式API的响应式数据3.1reactive()函数3.2toref()函数3.3toRefs()函数3.4ref()函数总结1.什么是响应式这个术语在今天的各种编程讨论中经常出现,但人们说它的时候究竟是想表达什么意思呢?本质上,响应性是一种可以使我们声明式地处理变化的编程范式。一个经常被拿来当作典型例子的用例即是Excel表格:-AB0112
程序员--韩同学
·
2023-02-21 13:59
vue3.0
前端
javascript
vue.js
vue3.0
生命周期
vue3.0
生命周期setup():开始创建组件之前,在beforeCreate和created之前执行。创建的是data和methodonBeforeMount():组件挂载到节点上之前执行的函数。
Sunshinedada
·
2023-02-21 13:58
前端
javascript
vue.js
vue3.0
生命周期对比
beforeCreate->使用setup()created->使用setup()beforeMount->onBeforeMountmounted->onMountedbeforeUpdate->onBeforeUpdateupdated->onUpdatedbeforeDestroy->onBeforeUnmountdestroyed->onUnmountederrorCaptured->on
前端代码の搬运工
·
2023-02-21 13:58
vue.js
vue3.0
生命周期
目录前言:
vue3.0
生命周期图例1.beforeCreate2.created3.beforeMount/onBeforeMount4.mounted/onMounted5.beforeUpdate/
程序员--韩同学
·
2023-02-21 13:57
vue3.0
vue.js
javascript
前端
高级前端二面必会vue面试题合集
在
Vue3.0
中已经不使用这种方式
·
2023-02-21 10:22
vue.js
【前端vue3面试题】2023最新面试实录
vue3.0
,高频10问(持续更新...)
[toc]###1问:vue3和vue2有哪些不同?>1.响应式系统的重构,使用proxy替换Object.defineProperty属性,优势:-Proxy可直接监听对象`添加/删除`属性;-Proxy直接监听数组的变化-Proxy监听的目标是对象本身,不需要像Object.defineProperty那样遍历每个属性,有一定的性能提升2.新增`组合式API`(CompositionAPI),
EazerCode
·
2023-02-20 14:48
Vue3以及element-plus最新版,国际化,多语言,高度封装。按模块区分语言文件,适应大型项目。减少冲突。
目前通过npminstallvue-il8n下载的il8n版本是无法支持
vue3.0
,因此要使用npminstallvue-i18n@next来获取最新的版本。
默默无闻的小人物
·
2023-02-18 23:13
vue3.0
使用vite构建V3版本项目
准备工作:安装node.js1.选择项目安装地址,例如:D:\test\v3在v3文件夹中2.打开终端,输入npminitvite-app3.项目初始化完成,看到cd项目名npminstall(or'yarn')npmrundev(or'yarndev')在终端中输入cd项目名,进入你项目中发现缺少node_modules(依赖包)输入npminstall4.依赖包安装成功,执行npmrundev
ME88
·
2023-02-18 22:11
Antd Vue 国际化zh_CN,
vue3.0
配置pagination组件按钮分页文本中文
AntdDesignVue官方说明,DatePicker、MonthPicker、RangePicker、WeekPicker等插件的部分locale是从value中读取,目前的默认文案是英文,如果需要使用其他语言,需要通过下面的方案正确设置moment的locale。因为我的需求是pagination组件的show-quick-jumper的文本,由Goto变为中文跳至,以为可以在组件自身的配置
seaflyj
·
2023-02-18 16:19
《图解
Vue3.0
》- 第14节 动态组件和异步组件
动态组件在内置指令中,有一个指令is,使用它可以实现动态组件。使用动态组件方式:示例dynamic.vue组件1组件2组件3import{defineComponent}from'@vue/composition-api';importcomponent1from'@/components/动态组件/component1';importcomponent2from'@/components/动态组
张中华
·
2023-02-18 14:15
Vue3.0
新特性以及使用经验总结
写在最前:本文转自掘金CompositionAPICompositionAPI主要解决了,将零散分布的逻辑组合在一起来维护,并且还可以将单独的功能逻辑拆分成单独的文件。watermark3.jpgsetupsetup是Vue3.x新增的一个选项,他是组件内使用CompsitionAPI的入口。setup执行时机setup执行时机是在beforeCreate之前执行setup参数setup接收两个参
没名字的某某人
·
2023-02-17 11:38
19、使用vite+ts+vue-router+vuex构建
Vue3.0
项目
vite是类似webpack的前端构建工具,基于浏览器ESmodule,优点:快速的冷启动即时的模块热更新真正的按需编译1、安装vitenpminstall-gcreate-vite-app2、创建工程create-vite-appvue-vite-template3、下载依赖npminstall4、启动项目npmrundev5、项目工程中安装typescriptnpminstalltypescr
圆梦人生
·
2023-02-17 06:50
vue3.0
基础api
删除数据抽取数据方法添加数据抽取添加数据state没有从外界传递即可上面是在当前文件引用删除添加方法现在新建删除文件添加文件.js方式rem.jsadd.js页面使用非组合apidata中业务数据mothods中新增业务逻辑数据和业务逻辑是分散的组合api:定义封装好的具备独立功能的函数功能组合放到一起当前的数据和当前的业务逻辑放在一起了optionapi:vue2.0的apicompsition
world_7735
·
2023-02-17 00:55
Vue3 学习笔记 —— (一)深入理解组合式 API
Vue3学习笔记梳理)Author:GoritDate:2021/4/24Refer:网易云课堂2021年发表博文:17/50Vue3学习学习文档如果是第一次接触Vue3,可以看这个Vue3初体验零、
Vue3.0
CodingGorit
·
2023-02-16 21:31
前端开发:Vue混入(mixin)的使用
前言在前端开发中,作为开发者关于Vue框架的使用不必多说,Vue的框架也是目前最为好用的框架之一,虽然
Vue3.0
已经成为了主流版本(Vue2.0和
Vue3.0
还是有不少差别的),但丝毫不影响开发使用。
·
2023-02-16 20:33
vue3.0
router路由跳转传参问题(router.push)
目录vue3router路由跳转传参路由跳转页面传参需要注意的问题路由(vue-router)配置及语法总结vue3router路由跳转传参
vue3.0
取消了2.0部分api,所以路由跳转传值方式有所不同
·
2023-02-16 20:33
vite+vue3.0构建项目
20211108165523.png3.安装依赖+跑起来npminstallnpmrundev微信截图_20211108165757.png没错,只用了421ms就跑起来了,让我们看看同样是新创建的基于vue-cli4的
vue3.0
来了啊小老弟
·
2023-02-07 00:32
Vue3.0
Vuex
目录一、State二、Getters三、Mutations四、Actions五、Modules六、vuex-persistedstateVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue的官方调试工具devtoolsextension(opensnewwindow),提供了诸如
星星编程
·
2023-02-06 12:32
Vue3.0
全家桶 – Pinia状态管理(十四)
1.什么是Pinia呢?Pinia(发音为/piːnjʌ/,如英语中的“peenya”)是最接近piña(西班牙语中的菠萝)的词;Pinia开始于大概2019年,最初是作为一个实验为Vue重新设计状态管理,让它用起来像组合式API(CompositionAPI)。从那时到现在,最初的设计原则依然是相同的,并且目前同时兼容Vue2、Vue3,也并不要求你使用CompositionAPI;Pini
coderhzc
·
2023-02-05 23:42
vue3.0
+ Vite 图片资源处理
第一次通过vue3.0+vite工具做项目,引用图片的时候,开发环境可以,但是打包之后放在服务器找不到路径了,特此做个记录。图片文件放在assets文件中,通过imgInfo对象和H5中的Img中的图片路径做数据的绑定varimgInfo=reactive({editor:getImageUrl('editor'),delete:getImageUrl('delete')});functionge
博尔茨杰
·
2023-02-05 12:54
vue3.0
script setup写法组件命名方式
本人移动端开发者一枚,今年由于公司在业务上的变更,从零开始学习了vue以及一系列前端相关的东西,妥妥的开启了新手模式,由于一上手就是
vue3.0
了,所以碰到的很多问题都很难找到对应的解决方案,接下来就聊聊组件命名这件事情吧
猿田
·
2023-02-04 11:50
Vue 3.0 全家桶 + Vite 从零配置开发环境、生产环境
初始化`package.json`2.安装`Vite`(`node`版本要求`14.18+`)3.初始化项目4.配置打包命令二、配置1.基础配置2.配置开发环境3.配置`CSS`预处理器以及前缀4.配置`
vue3.0
前端小小白zyw
·
2023-02-02 14:38
Vue
前端技能
Vite
vue.js
javascript
前端
vue3.0+vue-cli4.5+vue-router4.0 配置路由及重定向
vue3,接来下安装的步骤就不详细说了安装完成后打开项目src目录创建一个router.jsimage.png然后在这个js里引入vue-router下面是代码截图image.png上面就是路由的配置项在
vue3.0
小旭同志
·
2023-02-02 13:21
Jeecgboot-Vue3 v1.2.0 版本正式发布,企业级低代码平台
项目介绍Jeecgboot-Vue3采用
Vue3.0
、Vite、Ant-Design-Vue、TypeScript等新技术方案,包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能
jeecg博客
·
2023-02-02 12:17
vue3.0
生命周期简介
setup()替代beforecreate->usesetup()created->usesetup()前面加onbeforeMount->onBeforeMountmounted->onMountedbeforeUpdate->onbeforeUpdateupdated->onUpdatedactivated->onActivateddeactivated->onDeactivatederror
kailiteking
·
2023-02-01 21:00
vue3.x
vue
vue.js
给刚入职”大佬”们的一些建议
举例来说,当尤大大发布
vue3.0
线路时,留言板上很多程序员表示“学不动了”,“求不要再更新了”,基于框架或者模块化的技术还有react,ssr,webpack等都在快速迭代。另外微信小程序从20
雪梨是我
·
2023-02-01 20:45
自定义
vue3.0
日历组件
一、前言别人的东西用起来总是那么的不顺手,UI库的日历组件竟然不返回星期几,完全无法忍受,于是自己动手写了一个日历组件。自己写的东西,那就是想怎么搞就怎么搞,哈哈哈哈哈。二、代码我使用的navie的按钮和tailwind的css,替换起来很方便的。{{nian+""+hanziyue+"月"}}{{"{{"上个月下个月{{">"}}{{">"}}回到今天{{item.day}}今天{{item.z
放风喽
·
2023-02-01 18:23
vue3
vue
[译]尤雨溪:Vue3将不会支持IE11 精力会投入到Vue2.7
前言之前尤雨溪曾说过,Vue3将会出一个IE11的兼容版本,现在
Vue3.0
都已经发布很久了,却迟迟不见兼容版本的出现,原来是因为微软积极的推进自家的新Edge浏览器,并打算放弃IE,这让尤雨溪同学觉得兼容
手撕红黑树
·
2023-02-01 15:39
vue3.0
+ vite 多环境打包 代理设置
安装cross-envcross-env通过js在平台设置不同的环境变量的工具npminstall--save-devcross-env新建.env.development文件NODE_ENV=developmentVITE_BUILD_ENV='development'VITE_APP_BASE_API='http://xxx.xxx.x.xx:xxxx/api'其他类似修改package.js
射手男很懒
·
2023-02-01 11:33
vue3.0+vite
java
python
html5
记录一下
vue3.0
与2.0简单使用上的区别
1、创建实例方式不同:2.0使用构造函数newVue的方式,将选项对象通过参数传入;3.0使用Vue.createApp()静态方法创建。参数依然是选项多先发。2.0使用符。2、定义指令、组件等方法的不同:2.0定义指令和组件等是通过Vue的静态方法Vue.component()或者Vue.directive()等;3.0将静态方法改为了实例的方法app.component(),app.direc
六时未至
·
2023-01-31 23:11
vue3.0
用法对比react hook
网上有很多大佬,都说
vue3.0
的很像reacthook,在好奇心的驱使下,研究了几个demo进行对比,在我看来,原理是比较接近,都是采用了函数式组件编程,废弃了class组件编程的方式,但是语法用起来差异还是比较大的
祝家庄打烊
·
2023-01-31 21:06
vue3.0
子组件调用父组件的方法 - 发布订阅者模式
子组件调用父组件的方法-emit发布订阅者模式父组件子组件:说明:父组件子组件将弹窗内容写到父组件中:父组件通过v-on(@)绑定一个事件方法,方法名与子组件定义的一样dialogBegin1111111取消js://添加指标弹窗constaddVisible=ref(false);//关闭弹窗之后的回调constafterClose=()=>{addVisible.value=false}con
Sunshinedada
·
2023-01-31 11:24
javascript
前端
开发语言
vue3.0
子组件向父组件传值-发布订阅者模式
子组件向父组件传值-context.emit子组件向父组件传值context.emit子组件向父组件传值context.emit子组件中:将数据terminationOpinion传给父组件submitForm.terminationOpinion=res.data.terminationOpinion?res.data.terminationOpinion:""//驳回意见//使用context
Sunshinedada
·
2023-01-31 11:24
前端
javascript
开发语言
vue3.0
的基本使用
一、生命周期//在beforeCreate执行前执行,组件实例创建前,执行beforeCreate->请使用setup()created->请使用setup()//挂载DOM前执行beforeMount->onBeforeMount//挂载DOM后执行mounted->onMounted//更新组件前执行beforeUpdate->onBeforeUpdate//更新组件后执行updated->o
嗯o哼
·
2023-01-30 17:24
Vue3.0
中文文档(Vue3 + TS学习资源路线)
Vue3.0
学习资源文档:
Vue3.0
中文文档:https://www.vue3js.cn/docs/zh/
Vue3.0
组合API使用:http://www.liulongbin.top:8085/#/
小李不小
·
2023-01-29 04:16
一行命令使已有vue-cli项目支持typescript
说明项目使用vue-cli4.4.6版本,一开始由于历史原因我的项目并不支持ts,由于
vue3.0
即将问世,因此决定在已有的项目中引入typescript。
cc要坚定自己的脚步
·
2023-01-28 23:36
vue3.0
watch中的 flush的作用
flush选项表示回调函数调用的时机,有三个值可以选择pre:默认值,表示在dom更新前调用,比如这是你需要再改变其他数据,就使用pre,这些数据改变完一起更新dom,提高性能post:表示dom更新完成后调用,比如你要获取dom或者子组件,跟我们之前使用nextTick的意思一样sync:同步调用当flush为post当你更改了响应式状态,它可能会同时触发Vue组件更新和侦听器回调。默认情况下,
如果俞天阳会飞
·
2023-01-27 03:42
vue3.0
中文文档(暂时)
https://vue-docs-next-zh-cn.netlify.app/guide/installation.html#vue-devtoolshttps://www.vue3js.cn/docs/zh/
李海鹏_f321
·
2023-01-27 00:14
TypeScript在
Vue3.0
的Ref类型中的实践
一、Ref的定义
vue3.0
中的响应式原理是基于proxy做的,而使用proxy的前提是,我们要代理的是对象而不是基本类型数据。
帅气的奶盖
·
2023-01-26 23:52
vue3.0
使用vue-pdf-embed在线预览pdf 控制页码显示范围不生效问题解决
目录
vue3.0
使用vue-pdf-embed在线预览pdf控制页码显示范围不生效问题1.先安装vue-pdf-embed2.安装后在使用页面引入PS:
vue3.0
借用vue-pdf-embed实现在线预览
·
2023-01-26 05:00
vue cli 2.0 升级 3.0
1.到node官网升级最新的node,windows只有下载安装包(环境变量参考vue2.0项目创建)2.更新npm-->npminstall-gnpm3.安装
vue3.0
及以上脚手架-->npminstall-g
龙猫小哥
·
2023-01-26 04:48
上一页
18
19
20
21
22
23
24
25
下一页
按字母分类:
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
其他