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
Vue2.x项目中愉快使用3.0特性
随着Vue3pre-alpha版本的发布,相信小伙伴们已经按耐不住跃跃欲试的心情,下面我为大家简单介绍如何在项目中平滑引入
vue3.0
特性。CompositionAPI(组合API)@vue/comp
_孤傲_
·
2023-09-16 04:15
前端
vue
vue
javascript
vue.js
vue3.0
之ref函数
1、ref推荐定义基本数据类型(ref值也可以是对象,但是一般情况下是对象直接使用reactive更合理)。2、在vue的模板中使用ref的值不需要通过value获取(vue会通过自动给ref的值加上.value)。3、在js中使用ref的值必须使用.value获取。{{count}}import{ref}from'vue'exportdefault{setup(){constcount=ref(
web前端开发V
·
2023-09-15 20:34
编程语言
js
javascript
web
数据可视化
Vue3高频面试题+八股文
Vue3.0
中的CompositionApi开始之前Compos:1tionAPI可以说是ue3的最大特点,那么为什么要推出Compos1t1onApi,解决了什么问趣?
@阿猫阿狗~
·
2023-09-15 12:57
前端
现有vue项目支持TypeScript
今年国庆期间尤雨溪公布了
Vue3.0
的源码,代码库是用TypeScript写的。现有项目还未开始支持TS(下面全用简称),支持TS这件事忽然变得迫在眉睫了。
墩儿
·
2023-09-14 12:35
学习
Vue3.0
(3)
Fragment在Vue2中,组件必须有一个根标签在Vue3中,组件可以没有根标签,内部会将多个标签包含在一个Fragment虚拟元素中减少标签嵌套层级、减少内存占用Teleport能够将组件内部的某些内容渲染到外部的某个元素上这是内部的内容Suspense等待异步组件时,渲染一些后备内容,获得更好的用户体验loading...import{defineComponent}from'vue';co
Beppo
·
2023-09-14 07:13
Vue3.0
和 TypeScript 学习笔记
Vue3.0
和TypeScript前端流行三大框架:Vue、React、Angular(入门门槛高)2020.9.19vue3发布正式版,命名OnePiecevue3带来的变化:1.性能的提升(打包体积减少
Mae_cpski
·
2023-09-14 00:01
前端学习笔记
typescript
学习
前端
vue3.0
——setup函数/属性、响应式API、ref函数、reactive函数、响应式原理、计算属性
vite版本创建方式:npminitviteviteapp----templatevuemain.js的样子:一、setup(1)setup()函数:语法:返回的对象的成员可以在模板中使用,也可以在组件的api中使用但是在这个函数中不能使用组件api中的东西作用:为hook提供开发场景setup函数中可以声明一些变量/函数然后返回出去供组件使用setup函数可以设计成script标签中写这个同名单
哈哈ha~
·
2023-09-13 22:23
vue3.0
前端
vue.js
前端框架
hook
组合式API
Vue3.0
组合式API(三)-----模板语法
目录一、Vue基础1.1Vue格式1.2mustache语法1.3计算属性二、基本语法2.1属性绑定2.2条件与循环2.2.1显示/隐藏标签2.2.2遍历生成标签2.3用户交互2.3.1监控用户动作2.3.2双向数据绑定一、Vue基础1.1Vue格式vue基本格式//Vue中API函数导入import{defineComponent,ref,reactive}from"vue";//defineC
chuck-Gemini
·
2023-09-13 22:22
#
Vue学习笔记
vue
前端
typescript
【红隼书签】自定义光影、自定义背景、亮度和主题功能
Part1用
Vue3.0
开发一款导入浏览器书签的在线书签介绍(取名)【红隼书签】是一款简洁的在线书签导航网站。
叫我詹躲躲
·
2023-09-13 13:51
红隼书签
javascript
css
vue
前端
javascript
《图解
Vue3.0
》- 第6节 模板语法 - 自定义指令
简介除了核心功能默认内置的指令(v-model和v-show),Vue也允许注册自定义指令。注意,在Vue2.0中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通DOM元素进行底层操作,这时候就会用到自定义指令。API地址:https://vue3js.cn/docs/zh/api/application-api.html#directive钩子函数一个指令定义对象可以提供如下
张中华
·
2023-09-13 09:53
vue3.0
中使用echarts
前言本文主要是讲述
vue3.0
中应用echarts步骤。主要涉及到
vue3.0
中vue对象的很多新API或对象的使用。
尕铪铪
·
2023-09-13 09:25
echarts
vue.js
javascript
vue3.0
中的v-model
1.给子组件传递了一个名称为modelValue的prop2.给子组件绑定了一个名称为update:modelValue的自定义事件3.在绑定的事件回调callback函数中完成了自动将自定义事件触发时传递的实参赋值给绑定的name属性组件之间的双向绑定:父组件:import{ref}from'vue'exportdefault{setup(){constnum=ref(1)return{num
李晨飞_
·
2023-09-13 09:16
vue3
javascript
vue.js
前端
开发语言
【
vue3.0
】vue 3.0 入门学习笔记
1.项目初始化1.1安装vue-cli第一步安装vue-cli:注意!如果在vue2中已经安装过这里就不需要再安装了。npminstall-g@vue/cli以下安装方式是错误的:npminstall-gvuenpminstall-gvue-cli安装成功后,我们即可使用vue命令,测试方法:vue-V1.2初始化vue项目使用vue2.0中创建项目的方式创建项目:vuecreateproject
itlu
·
2023-09-12 21:53
Vue3.0
报错error: Unexpected console statement (no-console) 解决办法
写项目过程中用ESLint遵守代码规范很有必要,但是对于一些规范也很是无语,比如:‘Unexpectedconsolestatement(no-console)’,连console都不能用,这就很抓狂了。其实增加一行代码即可。修改package.json中的eslintConfig:{}中的“rules”:{},增加一行代码:"no-console":"off""eslintConfig":{"r
10ebc8b98b5d
·
2023-09-11 16:51
你期待已久的Vue 3 正式发布啦!
Vue3.0
的发布标志着此框架整体上已处
大前端晨曦
·
2023-09-11 11:36
VUE3.0
的变化
1、兼容除了渲染函数API和作用域插槽语法之外的所有内容都将保持不变,或者通过兼容性构建让其与2.x保持兼容。2、重构为了实现更清晰、更易维护的源代码架构,尤雨溪表示将从头开始重写3.0,并将一些内部功能分解为单独的包,以便隔离复杂性。代码库现在也用TypeScript编写,相信TypeScript的类型系统和IDE的支持将让新的代码贡献者更容易做出有意义的贡献。
Maco_wang
·
2023-09-11 10:33
Vue3, setup语法糖、Composition API全方位解读
起初
Vue3.0
暴露变量必须return出来,template中才能使用;Vue3.2中只需要在script标签上加上setup属性,组件在编译的过程中代码运行的上下文是在setup()函数中,无需return
yyds2026
·
2023-09-10 23:59
vue.js
Vue3.0
新特性全面探索 - 基于 Composition Api 快速构建实战项目
QuickStart项目源码:https://github.com/Wscats/vue-cli本项目综合运用了
Vue3.0
的新特性,适合新手学习?
独星
·
2023-09-10 23:58
技术
javascript
vue.js
前端
html
node.js
Vue3详解
目录:Vue3快速上手创建
Vue3.0
工程常用CompositionAPI其他CompositionAPICompositionAPI的优势新的组件其他1.Vue3快速上手略~2.创建
Vue3.0
工程官方文档
阿瞒有我良计15
·
2023-09-10 17:30
VUE
vue.js
前端
javascript
Vue3中的setup语法糖
写在最前:本文转自掘金是在单文件组件(SFC)中使用组合式API的编译时语法糖,解决
Vue3.0
中setup需要频繁将声明的变量、函数以及import引入的内容通过return向外暴露,才能在使用的问题
没名字的某某人
·
2023-09-10 15:26
vue样式穿透
经研究发现可以用/deep/或::v-deep来解决(不过在
vue3.0
的环境下,使用/deep/时,编译会报错)二、深度作用选择器如果你希望scoped样式中的一个选择器能够作用得“更深”,例如影响子组件
海之深处爱之港湾
·
2023-09-09 21:51
2019-11-28如何在网页里面直接引用
vue3.0
本人不喜欢用各种脚手架写代码,之前vue2.0,也是直接引入到网页,直接写,目前
vue3.0
好像已经有人用了,但是不晓得怎么直接在vue里面引入,大佬们知道,可以留言,以后我知道了,也会更新次文章,求指教
nodejs哈哈哈
·
2023-09-09 18:24
vue高频面试题
beforeResolve、afterEach路由独享的守卫:beforeEnter组件内的守卫:beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave为什么在
Vue3.0
前端小99
·
2023-09-09 17:58
vue
vue.js
javascript
ecmascript
十、
vue3.0
+ ts + vite 项目的创建
第一步:下载初始代码gitclonehttps://gitee.com/azoneui/vue3_ts_vite.git示例图:环境要求: node>=14.16.0 npm>=6.14.11我使用的node版本是14.16.1,使用的是nvm版本管理工具,等有时间给大家更新一期nvm的安装和如何安装固定版本。第二步:安装依赖npminstallEslint://Eslint使项目拥有更严格的语法
arguments_zd
·
2023-09-08 09:59
vue3.0的开发和学习
vue.js
前端
javascript
npm
开发语言
程序员一大误区:盲目求追新技术,说的是你吗?
Vue3.0
版本出来了,我要不要赶紧学起来现在在用React,要不要也学学Vue、Angular?看到某某大神分享的Node干货,怀疑自己是不是又掉队了?
椰子学韩语
·
2023-09-08 07:37
vue3报错:`slot` attributes are deprecated.
vue3.0
`slot`attributesaredeprecated.`slot`属性已弃用使用:niaho
滑梯plus版
·
2023-09-08 07:23
改错
vue.js
elementui
前端
vue3.0
实现jsoneditor组件
踩了很多坑最后写出来了,需要props里加属性自己加,css部分也是很关键的内容引用后可以在父组件用class设置height很多处理的灵感来源于vue2.0项目vue-json-editor的代码,原项目代码还是写的很精彩的安装命令:npminstalljsoneditor--save原项目文档:https://github.com/josdejong/jsoneditorimportJSONE
AlenHY
·
2023-09-07 20:35
vue
js
javascript
json
解决
Vue3.0
以上+Vite项目打包后低版本浏览器兼容性问题
文章目录一、Vite在低版本浏览器中运行遇到的问题二、浏览器兼容性三、官方解决方案:使用@vitejs/plugin-legacy插件1)、安装插件2)、在vite.config.js中配置四、@vitejs/plugin-legacy插件,在打包过程中做了什么一、Vite在低版本浏览器中运行遇到的问题vite+vue3项目开发完以后,运行在新版浏览器可以正常显示,但运行在一些版本比较老的浏览器如
迷小圈
·
2023-09-07 19:19
vue.js
前端
javascript
ant-design-vue 2.X +
VUE3.0
学习笔记
使用nodejs创建vue工程,先创建一个空项目文件夹,然后按照这篇文章https://www.cnblogs.com/benyu-aimao/p/8944475.html,但是注意他是这么安装vue,npminstallvue,我们要用npminstall-g@vue/cli,3.0之后的版本需要node.js版本大于8.9main.jsimport { createApp } from 'vu
liln0530
·
2023-09-07 11:57
技术类
vue
vue3.0
指令 v-xxx
什么是vue指令:比如Angular中的ng-xxx。vue中以v-xxx开头人们称它为指令。在vue中提供了一些对页面+数据的更为方便的操作,这些操作就是指令,类似于HTML中的属性。指令中封装了一些Dom行为,结合属性作为一个暗号,暗号有对应的值,根据不同的值,框架会进行相关的Dom操作的绑定行为。vue常用的v-指令:v-text元素的innerText属性,必须是双标签v-html元素的i
一个不知名的前端
·
2023-09-06 19:18
vue3中数据更新了,但是视图没有更新的5中方案
vue3.0ref和Reactive数据响应式,以及使用Reactive数据已更新但页面没有同步刷新异常方案1:
Vue3.0
中我们使用reactive()定义的响应式数据的时候,当我们对象再次赋值,我们发现数据已经修改成功
影夜随风
·
2023-09-06 09:37
vue3.0
vue.js
javascript
前端
为什么vue页面不显示
后来发现element是因为要使用vue2.0使用
vue3.0
没有用2.所以后来重新创建了一个使用vue2.0的将原来的代码复制到现在的项目里面3.之后就能显示了。
钓愚者
·
2023-09-06 04:29
vue.js
vue.js
Vue3.0
provide&&inject
provide()和inject()可以实现嵌套组件之间的数据传递,这两个函数只能在setup()中使用。父级组件中使用provide()函数向下传递,子组件中使用inject()获取上层传递过来的数据1.共享普通数据随便开的一个vue,报错可以忽略!!!
阿鑫YuXi9999
·
2023-09-06 01:40
关于
vue3.0
中使用element UI表单遍历校验问题解决
关于
vue3.0
中使用elementUI表单遍历校验问题解决问题:在使用
vue3.0
写项目的时候遇到一个需要遍历的表单,可以增加删除表单对象[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传
韭菜666号
·
2023-09-05 18:19
javascript
vue.js
vue2.0与3.0对比以及
vue3.0
API变化入门
vue3.0
已经beta版了image.png就在昨天尤雨溪发布了VUE3.0Beta版本,各路大神也都抢先体验了一波!本汪也放下了手上的工作去初步体验了一番。
俗人彭jin
·
2023-09-05 14:55
VUE3.0
Vue3.0
六大亮点Performance:性能比Vue2.x快1.2~2倍(重写虚拟DOM,优化了模板编译)Treeshakingsupport:按需编译,体积比Vue2.x更小(Vue2大量API挂载到
金刚狼_3e31
·
2023-09-05 06:30
探究Vue3中的Composition API:优化组件逻辑的新利器
一、toRef函数在
Vue3.0
中,引入了一种新的响应式API,即toRef。
静Yu
·
2023-09-04 23:03
#
前端基础知识
vue.js
javascript
前端
vue3新特性1
一、创建一个
vue3.0
项目vscode打开项目二、对比vue2的新特性1、setup、ref和reactive以前的data、声明周期、自定义函数都可以放置在setup内,setup是相当于beforeCreate
缘夏520
·
2023-09-04 16:56
vue
vue
前端
javascript
vue3新特性
Vue3支持Vue2的大多数特性更好的支持TypeScript现在主流组件库都已经发布了支持
vue3.0
的版本,其他生态也在不断地完善中,这是趋势。
code喵喵
·
2023-09-04 16:55
前端
vue3
从一个todo-list体验
Vue3.0
开始之前目前
Vue3.0
处于beta2阶段,官方为体验新特性的小伙伴准备了vue-next-webpack-preview(一个webpack的运行环境),clone下仓库按README运行即可。
Atlas_lili
·
2023-09-04 09:49
Object.defineProperty 和 Proxy 区别,及vue3为什么采用新的Proxy
Vue3.0
中,响应式数据部分弃用了Object.defineProperty,使用Proxy来代替它。本文将主要通过以下三个方面来分析为什么Vue选择弃用Object.defineProperty。
怪叔叔lz
·
2023-09-04 06:45
vue
javascript
proxy
VUE3.0
路由跳转之后页面停留在上一个浏览页面位置不会回到顶部问题
方式一:普通用法,vue2.0也可用//一般方式路由拦截exportdefault{//组件守护器beforeRouteEnter(to,from,next){//A跳转到B,B页面停留在A页面的滚动位置;解决方法:将scrollTop设置为0window.scroll(0,0);next();},setup(){}}用法如图:方式二:setup语法糖时//setup语法糖里的路由拦截define
前端_七月
·
2023-09-04 06:10
vue
前端
vue3.0
+ antdesgin vue+ts 实现table表格的拖拽排序
vue3.0+antdesginvue+ts实现table表格的拖拽排序效果图:1、npminstallsortablejs--save2、importSortablefrom‘sortablejs’;新增子菜单删除{{!enableDrag?'拖动排序':'取消拖动'}}{{record.isDisplay?'显示':'隐藏'}}{{!enableDrag?'拖动排序':'取消拖动'}}2、在获
造梦者FZ
·
2023-09-03 11:56
vue
typescript
vue.js
es6
html5
Vue3.0+ant-design表格自定义展开图标和展开行操作
前言最近,公司技术栈转型,前端逐步过渡到
Vue3.0
上来,在做angular之前自己虽然使用过一段时间的vue,但那时都是Vue2.0+Element-UI,所以这些东西对于自己来说也是一个新的内容,开发过程中也遇到了很多坑
云墨-款哥的博客
·
2023-09-03 11:55
vue3.0
TypeScript
vue.js
typescript
vue3.0
ant-design
配置
vue3.0
+ ts + axios + 反向代理 + px转rem
前提你需要安装好vue-cli脚手架注意:该文章只针对与vue-cli版本为4.5.13查看自己vue版本vue-V搭建
vue3.0
创建一个项目文件夹,cmd打开该文件夹,输入vuecreate.回车注意
多喝.热水
·
2023-09-03 09:55
vue.js
vue
typescript
经验分享
wangEdit大致使用
两种方式任选其一yarnadd@wangeditor/editor-for-vue@nextnpminstall@wangeditor/editor-for-vue@next--save2、创建富文本框组件,以下是
vue3.0
大吉大利的卦象
·
2023-09-03 00:49
vue
vue.js
前端
javascript
创建
Vue3.0
项目
创建
Vue3.0
项目操作步骤1.打开命令行工具2.安装最新版的Vue3.安装最新的脚手架4.创建Vue项目总结操作步骤1.打开命令行工具Windows系统:快捷键win+r,输入cmd然后就可以输入命令啦
✎﹏ℳ๓敬坤
·
2023-09-02 20:50
#
Vue3.0+Ts项目
npm
vue.js
javascript
Vue3.0
重点API整理二
一、单文件组件是在单文件组件(SFC)中使用组合式API的编译时语法糖。使用方法:要使用这个语法,需要将setupattribute添加到script代码块上:console.log('helloscriptsetup')里面的代码会被编译成组件setup()函数的内容。这意味着与普通的只在组件被首次引入的时候执行一次不同,中的代码会在每次组件实例被创建的时候执行。相比于普通的语法,它具有更多的优
小猫爱吃yu
·
2023-09-02 20:22
vue.js
javascript
前端
Vue3学习文档
一、
Vue3.0
六大两点Performance:性能比Vue2.x快1.2~2倍Treeshakingsupport:按需编译,体积比Vue2.x更小CompositionAPI:组合API(类似ReactHooks
19岁的墨先生
·
2023-09-02 20:22
#
Vue3
学习
vue.js
前端
前端框架
vue3基本使用
1、
vue3.0
生命周期钩子函数setup创建实例前onBeforeMount挂载DOM前onMounted挂载DOM后onBeforeUpdate更新组件前onUpdated更新组件后onBeforeUnmount
HS_d119
·
2023-09-02 15:17
上一页
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
其他