VUE3.0

【Vue 3 实战一】搭建一个新项目并上传至gitee

本专栏注重实战，Vue3的相关概念请移步Vue3.0官网;二、创建新项目1.利用脚手架代码如下（示例）：npminitvue@latest2.项目配置选择（建议与下方一致）（示例）：<
彭式程序猿·2023-04-21 17:29

vue3.0 监听本地存储

1.现在main.js中注册全局方法，比如要监听的本地储存key值为‘changeData’Vue.prototype.resetSetItem=function(key,newVal){if(key==='changData'){//创建一个StorageEvent事件varnewStorageEvent=document.createEvent('StorageEvent');conststo
一叶孤舟1990·2023-04-21 17:40

学习 Vue 3.0 diff 算法及原理

Vue3.0采取的diff算法和2.0的双端比较有点不同。
航小码·2023-04-21 07:28

Vue 3.0 script setup 之 API 变换过程解析

新特性变化之大，一个箩筐装不下，虽然截止至7月2日的3.1.4版本，script-setup还是处于实验性阶段，但在同一天，尤大在twitter上发布了一条推文，预告了它将会在3.2.0版本脱离实验状态，正式进入Vue3.0
硅谷干货·2023-04-21 04:14

vue3.0新特性总结

我们先简单看一下Vue发布版本的过程：Alpha-Beta-RC-正式vue经历RC阶段才会有正式版本能用，大家不要过于着急，目前尤大正在全力开发配套基础功能，比如脚手架、vue-router、以及生态插件等vue3.0
橙子鲜·2023-04-20 17:26

Vue3.0中的reactive

Vue3.0中的reactivereactive是Vue3中提供的实现响应式数据的方法。
Cupid510·2023-04-20 17:54

Vue cookie的使用

目录1、安装2、引入3、使用4、拓展---介绍Vue3.0全局引入的方法js-cookie是关于cookie存储的一个js的API，用来处理cookie相关的插件。
喵T陆天凌·2023-04-20 11:24

vue3.0实现登录成功以后，如何写入cookie保存token，读取cookie，并显示用户名

一、分装成公用方法methods:{setCookie(name,value,exdays){//name:表示cookie的名称，比如token//value:表示cookie的值//exdays:表示cookie的有效时间vard=newDate();d.setTime(d.getTime()+(exdays*24*60*60*1000));varexpires="expires="+d.to
jingjinglove-·2023-04-20 11:23

vue3.0中用自定义指令实现图片懒加载

本章技术点Vue官方工具库(仅限vue3.0使用)中的useIntersectionObservervue.use插件的使用vue3.0自定义指令使用场景①每一张图片都要进行懒加载操作，在存在大量图片的列表中
奥特曼　·2023-04-20 00:52

vue自定义懒加载指令

二、自定义指令vue3.0
伦为JAY下囚·2023-04-20 00:21

vue3.0 Reactive数据更新页面没有刷新的问题

目录vue3.0Reactive数据更新页面没有刷新vue3.0中的reactive用法在reactive使用基本类型参数响应式代理vs.原始对象总结vue3.0Reactive数据更新页面没有刷新vue3.0ref
·2023-04-19 21:12

Vue3.0

Vue3.0动机与目的更好的逻辑复用与代码组织(composition组合式api)optionsAPI(旧)=>compositionAPI（新）,效果:代码组织更方便了,逻辑复用更方便了非常利于维护
Adam——·2023-04-19 19:20

Vue3.0 八大亮点是什么

一，性能比2.x快1.2～2倍1.diff算法的优化:在vue2中，虚拟dom是全量比较的。在vue3中，增加了静态标记PatchFlag。在创建vnode的时候，会根据vnode的内容是否可以变化，为其添加静态标记PatchFlag。diff的时候，只会比较有PatchFlag的节点。PatchFlag是有类型的，比如一个可变化文本节点，会将其添加PatchFlag枚举值为TEXT的静态标记。这
土豆他爹_ca4b·2023-04-19 14:55

【小编推荐】Laravel9 + Vue3.0前后端分离框架通用后台源码

laravel9+vue3+element-ui的后台极速开发框架，采用前后端分离架构，安全性(JWT校验、中间件、验证器、路由、异常处理、权限控制)网址：http://laravel.v9.vue.v3.wzxiaopin.com/admin账号：admin密码：admin温馨提示：若出现无法登陆，可以在首页点击“安装”选项，即可重置数据，然后登陆即可。目前系统是定时任务，12小时为一周期，自动
·2023-04-19 11:06

Vue3.0的生命周期

首先我们要通过一个实例来讲解就是点击这个按钮来切换Demo组件的显示隐藏，当然它也疯狂的操作Demo的挂载，卸载红色是卸载流程，蓝色是挂载流程我们写在外面可以实现，但是v3的思想是组合api因此我们需要改名，把东西放到setup里面Vue3.0
开局：从前端小白做起·2023-04-19 01:28

vue 3.0 Reactive 数据更新页面没有刷新

vue3.0ref和Reactive数据响应式，以及使用Reactive数据已更新但页面没有同步刷新异常Vue3.0中我们使用reactive()定义的响应式数据的时候，当我们对象再次赋值，我们发现数据已经修改成功
aibujin·2023-04-18 20:23

vue3.0引入vant报错Uncaught TypeError: Cannot read property 'use' of undefined

一、代码：vue3.0引入vant框架一直报错，不管是全局引入还是按需引入效果都不对，下面是在main.js页面全局引入vant的代码：//main.js页面import{createApp}from'vue'importAppfrom
楠楠_c811·2023-04-18 17:25

vue3.0原理 —— complier

为什么要用vue3.01.核心代码进行了压缩，核心代码+compositionAPI(合成函数):13.5KB,最小11.75kb2.所有的runtime(运行时间)：22.5kb（vue2是32kb）二、vue3.0
前端_七月·2023-04-18 07:20

vue3.0 + element Plus实现图片上传及图片回显

1.HTML部分代码（引入上传组件）on-remove文件列表移除文件时的钩子(uploadFile:UploadFile,uploadFiles:UploadFiles)=>voidon-change文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用(uploadFile:UploadFile,uploadFiles:UploadFiles)=>voidlist-type文件列表的类
欢喜~999·2023-04-18 04:45

vue3.0使用流程和变化

安装流程1.安装vite脚手架npminstall-gcreate-vite-app#oryarnadd-gcreate-vite-app2.项目初始化yarncreatevite-app3.集成TSyarnadd--devtypescript4.项目根目录创建配置文件：tsconfig.json：{"include":["./**/*.ts"],"compilerOptions":{"jsx":
吃掉代码·2023-04-17 11:42

Vue3.0中的响应式原理

回顾Vue2的响应式原理实现原理：-对象类型：通过``Object.defineProperty()``对属性的读取、修改进行拦截（数据劫持）。-数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。Object.defineProperty(data,'count',{get(){},set(){}})存在问题：-新增属性、删除属性,界面不会更新。-直接通过下标修改数
开局：从前端小白做起·2023-04-17 03:50

vue3.0新特性

性能提升打包大小减少41%初次渲染快55%，更新快133%内存使用减少54%原因：重写虚拟dom的优化和treeshaking的优化ComponsitionAPI(API组合)ref和reactivecomputed和watch新的生命周期函数自定义函数--hooks函数Teleport-瞬移组件的位置Suspense-异步加载组件的新福音全局API的修改和优化更多的誓言性特性更好的Typescr
violet_syls·2023-04-16 22:42

让我们一起愉快地学习vue3.0吧

Object.defineProperty=>Proxy重构了虚拟DOMOptionApi=>CompositionAPIsetup是干啥的？setup实际上是一个组件的入口，它运行在组件被实例化时候，props属性被定义之后，实际上等价于2版本的beforeCreate和Created这两个生命周期。setup接受两个参数，第一个参数是props，另一个参数是context，setup(prop
微芒不朽·2023-04-16 21:39

Vue3.0

新特性1.使用Proxy代理对象，取代Object.defineProperty2.模块化，可以单独抽离部分代码使用
X1028·2023-04-16 16:14

Vue 3 介绍

Vite的基本使用Vue3.0项目介绍vscode插件说明组合式APIcompositionAPIvsoptionsAPI体验compositionAPIsetup函数reactive函数ref函数scriptsetup
蓝爱人·2023-04-16 15:53

六、vue3.0之数据监听(watch、computed)

我们在做vue项目中，会存在这么两种情况，就是一个数据去影响多个数据，另一种就是一个数据受多个数据的影响，那么面临这样的情况，我们应该怎么去处理呢？看以上问题，那么vue给我们推出了两个属性来处理上述问题，那么接下来我们来看看这两个属性（watch、computed）computed：1、计算属性，和onMounted一样，初始化就会执行一次（computed先执行），并且只有在依赖改变的时候触发
arguments_zd·2023-04-16 09:26

五、vue3.0之组件通信详解(defineProps、defineEmits、defineExpose)

我们在做vue项目中，我们总会遇到组件引入，在嵌套组件中我们的父级组件中引入子级组件中的值，或者在子组件中我们使用父组件中的值。那么当我们遇到这样的场景我们应该怎么做，在vue2.0中，我们使用props和emit进行父子之间的通信，兄弟之间用事件中央总线(eventbus)；在vue3.2的语法中我们则使用defineProps和defineEmits来声明props和emit，用其进行组件之间
arguments_zd·2023-04-16 09:56

三、vue3.0之路由(vue-router)配置及语法

我们今天来看一下vue3.0的路由(vue-router)，在看vue3.0路由之前，我们先来和vue2.0的路由做个对比，看看现在两者之间的区别。
arguments_zd·2023-04-16 09:25

vue3.0项目实战系列文章 - 路由相关

路由跳转1：路由跳转路由跳转2：import{ useRouter }from'vue-router'constrouter=useRouter()router.push({    path:'/presentation'})获取路由1：v-if="$route.path!='/presentation'"获取路由2：import{ useRouter }from'vue-router'const
BMG-Princess·2023-04-16 06:12

vue面试题大全

Vue3.0为什么要用proxy？computed和Watch的区别？Computed：Watch：小结运行场景：computed和methods的区别？slot是什么？有什么作用？原理是什么？
__爱吃香菜·2023-04-16 04:47

Vue3 _ 学习

目录结构分析二、CompositionAPI1、setup函数2、setup执行时间三、ref响应式函数1、引言：2、ref函数四、reactive函数五、Vue3响应式原理1、Vue2.x的响应式原理2、Vue3.0
雨季mo浅忆·2023-04-15 16:25

vue3.0的最新安装（避坑指南）

解决vue3.0安装中遇到的各种问题1.VueCLI的包名称由vue-cli改成了@vue/cli。如果你已经全局安装了旧版本的vue-cli(1.x或2.x)，你需要先卸载它。
超越时空人·2023-04-15 16:23

Vue3.0——Vue3简介、Vue3带来了什么、拥抱TypeScript、新的特性、Vue3.0环境集成

目录1.Vue3简介2.Vue3带来了什么2.1性能的提升2.2源码的升级3.拥抱TypeScript4.新的特性4.1CompositionAPI(组合API)4.2新的内置组件4.3其他改变5.Vue3.0环境集成1.使用vue-cli创建2.使用vite创建1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号:OnePiece（海贼王）耗时两年多，2600+次提交，30+个
爱喝牛奶~·2023-04-15 16:53

vue3.0基础使用（附代码）

1.认识Vue31)了解相关信息Vue团队于2020年9月18日晚11点半发布了Vue3.0版本耗时2年多，4000+次提交，40+RFC，2500+PR，99+贡献者。
背书包的小儿郎·2023-04-15 14:50

创建Vue3.0工程

1.使用vue-cli创建官方文档：创建一个项目|VueCLI(vuejs.org)##查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##创建vuecreatevue_test##启动cdvue_testnpmrunserve使用vue3需要确保@vue/cli版本在4.5.0以
知不足，而学习·2023-04-15 13:06

vue3.0 组合api的使用

vue3.0相比于2.0，逻辑可以写在一起，而不是data里定义数据，method里定义方法vue3.0兼容vue2.0的所有API，比如生命周期1.setup起点函数（data和methods）总结vue2.0
暴躁程序员·2023-04-15 10:33

Vue3技术2之ref函数、reactive函数、Vue3中的响应式原理

Vue3技术2ref函数处理基本类型App.vue处理对象类型App.vue总结：ref函数reactive函数只能修改对象类型App.vue完善代码App.vue总结：reactive函数Vue3.0
VillanelleS·2023-04-15 02:11

解读vue3.0源码管理项目

在vue3.0中，它使用monorepo来管理项目代码。那么monorpo是什么？
大前端奕辰·2023-04-14 17:34

Vue3.0学习笔记-样式绑定

通过在data的数据项中定义变量绑定通过普通字符串进行绑定；通过对象的方式进行绑定；通过数组的方式进行绑定，true为使用。data(){return{classString:'red',//字符串方式也可以定义多个样式classObject:{red:true,background:true},classArray:['green','background'],}},template:`样式绑定
petit_wu·2023-04-14 17:31

vue3.0 —— 项目知乎者也

1.首页1.固定头部组件1.Dropdown组件2.DropdownItem组件2.column列表组件2.登录1.登录账号validate-input组件单独输入框验证规则validate-form组件提交验证全部信息2.注册账号3.类目详情页1.PostList组件4.文章详情页1.Author组件5.发布文章页1.upload组件6.全局组件(teleport)1.loader组件2.Mes
杀个程序猿祭天·2023-04-14 15:48

vue3.0自适应分辨率 px自动转化rem

vue3.0自适应分辨率，px自动转化rem，以设计图1920*1080为准。前景：直接量设计图的px写上去就行，比如设计图量的是20px;直接就写20px;会在浏览器上会自动转化成rem。
风掠过有空白·2023-04-14 10:04

Vue3.0 ｜ vue3的新特性

Vue3的变化官网地址：https://v3.cn.vuejs.org/guide/migration/introduction.html一、对比vue2的变化1.优点vue3支持vue2的大多数特性，实现对vue2的兼容vue3对比vue2具有明显的性能提升打包大小减少41%初次渲染快55%，更新快133%内存使用减少54%更好的支持TypeScript使用Proxy代替defineProper
JiaoMengYuan·2023-04-14 02:44

3、Vue3.0 实现一个简单的气泡弹窗

3、Vue3.0实现一个简单的气泡弹窗.png二、定义OverlayOverlay是要在地图上显示并附加到单个地图位置的元素。
星星编程·2023-04-13 22:28

__WEBPACK__IMPORTED_MODULE_0_VUE__.default is not a constructor

测试vue模块是否能用，打包后结果报这样的错误：2、改之前的代码展示在main.js文件引入vue模块：在index.html文件加入mustache代码：3、错误原因：npm下载的vue2.0版本和vue3.0
三水木雨·2023-04-13 21:44

Vue3.0报错error: Unexpected console statement (no-console) 解决办法

写项目过程中用ESLint遵守代码规范很有必要，但是对于一些规范也很是无语，比如：‘Unexpectedconsolestatement(no-console)’，连console都不能用，这就很抓狂了。其实增加一行代码即可。修改package.json中的eslintConfig:{}中的“rules”:{}，增加一行代码:"no-console":"off"原帖地址：https://www.j
御用闲人豪·2023-04-13 00:27

Vue3.0的强势升级点

Vue3.0Vue3.0在架构上相比vue2.x做了升级，性能上得到了很大的提升，CompositionAPI的出现，让组件抽离、逻辑代码复用更加灵活。一、CompositionAPI:组合API/注入API这里要说到代码的组织方式，传统的网页是html/css/javascript（结构/样式/逻辑）分离。vue/react通过组件化的方式，将联系紧密的结构/样式/逻辑放在一起，有利于代码的维护
天問_专注于大前端技术·2023-04-12 17:56

vue3.0 实现element-form 表单校验和提交

vue3.0实现element-form表单校验和提交vue3.0+element-plus的form表单：确认取消importHeaderfrom'..
敲代码的柯基·2023-04-11 22:20

Vue...

vue3.0环境创建：@vue/cli、vite1、安装node.jsnode官网上下载node.js、安装node.js建议安装nodev12版本。2、安
我有头发·2023-04-11 09:55

vue3笔记

目录1.vue3带来了什么1.1源码的升级1.2拥抱TypeScript1.3新的特性2.创建Vue3.0工程2.1使用vue-cli创建2.2使用vite创建3.创建vue3.0工程3.1main.js3.2App.vue4
慎思笃行_·2023-04-11 00:35

vue3 setup写法（语法糖版本）

在Vue3.0中变量必须return出来，template中才能使用；而在Vue3.2中只需要在script标签上加上setup属性，无需return，template便可直接使用，非常的香啊！
鱿鱼西3.0·2023-04-11 00:25
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他