vue3.0组合式

Vue3笔记

创建vue-cli创建基于vite创建webpack和vite构建对比图基础官方推荐插件选项式api和组合式api对比修改组件name插件在devtools工具上显示组件name自动补充ref的value
山重水复疑无路·2024-02-19 18:39

前端Vue必问面试题

1，Vue3.0为什么要使用proxy在Vue2中，0bject.defineProperty会改变原始数据，而Proxy是创建对象的虚拟表示，并提供set、get和deleteProperty等处理器
·2024-02-19 15:24

vue2.0和vue3.0v-model使用对比

我们在写项目的时候，经常自定义组件，并且需要传参，刚好v-model是一个双向绑定，所以我们会把v-model的思想使用到各个自定义组件中在vue2.0中，v-model只能对应一个变量在vue3.0中
糖小羊儿·2024-02-19 14:22

Vue3快速上手

目录1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1
__畫戟__·2024-02-15 06:40

【Vue3.0实战逐步深入系列】基于axios+elementui实现一个动态可配置的投票功能

【千字长文，熬夜更新，原创不易，多多支持，感谢大家】前言小伙伴们大家好。前面文章我们引入了elementui组件库，对我们的投票功能做了一下简单的美化，在经过一番的折腾后终于我们的投票模块在保证了功能的情况下，也变得美观了两全其美。然而一次只能做一个主题的投票显得太过单调，并且投票主题都是定死的，如果想换其它主题就不得不修改源码了。今天我们在前面投票功能的基础上进行一个扩展：投票还是投票，但是要让
一笑程序猴·2024-02-15 05:35

Vue3.0（五）：Vue-Router 4.x详解

Vue-Router详解vue-router教程认识前端路由路由实际上是网络工程中的一个术语在架构一个网络的时候，常用到两个很重要的设备—路由器和交换机路由器实际上就是分配ip地址，并且维护着ip地址与电脑mac地址的映射关系通过映射关系，路由器才知道要把数据发送给哪台电脑而路由在软件工程中出现，最早是由后端实现的，同时随着web的发展，路由也经历了一些阶段后端路由阶段前后端分离单页面富应用其核心
前端大菜鸟_·2024-02-14 09:28

Vue3.0（六）：VueX 4.x详解

Vuex4状态管理什么是状态管理在开发中，我们的应用程序需要处理各种各样的数据，这些数据需要保存在应用程序的某一个位置，对于这些数据的管理，就是状态管理目前前端项目越来越复杂，多组件共享同一数据的状态很常见，因此需要一个更加方便地状态管理库Vuex状态管理在Vuex中，组件通过读取Vuex中的State数据状态，显示到页面上而组件想要修改State中的数据，需要通过Dispatch，提交Mutat
前端大菜鸟_·2024-02-14 09:58

Vue3.0（七）：Pinia状态管理

Pinia状态管理最初是作为一个实验为Vue重新设计状态管理，让它用起来像组合式APIPinia和Vuex的对比为什么要用PiniaPinia最初是为了探索Vuex的下一次迭代会是什么样子，结合了Vuex5
前端大菜鸟_·2024-02-14 09:58

聊一聊JS的继承

在子类构造函数中调用父类构造函数组合继承(伪经典继承)——使用原型链实现原型属性继承，借用构造函数实现实例属性继承原型式继承(是对类式继承的封装)——≈Object.create(obj)寄生式继承——对原型式继承二次封装和拓展寄生组合式继承
LeonLi_9ea5·2024-02-14 09:56

使用Provide和Inject设计Vue3插件

查看CompositionAPI文档，在Vue3.0中，使用Provide和Inject进行依赖项注入将更为常见。
魂斗驴·2024-02-13 14:47

vue和react的区别

vue和react的区别：一．定位：两者都是UI层的框架，vue是数据响应式的框架；二．vue使用的语法是template，react使用的语法是JSX；三．vue3.0推出了hooks:compositionapi
XiaoMai·2024-02-13 13:41

Java-springboot动态加载jar包，动态配置

停止任一治理任务能够动态升级、添加治理任务启动、停止治理任务或升级、添加治理任务不能影响其他任务3、方案为了支持业务代码尽量的解耦，把部分业务功能通过动态加载的方式加载到主程序中，以满足可插拔式的加载、组合式的部署
　小白·2024-02-12 21:43

SpringBoot 动态加载jar包，动态配置

停止任一治理任务能够动态升级、添加治理任务启动、停止治理任务或升级、添加治理任务不能影响其他任务3、方案为了支持业务代码尽量的解耦，把部分业务功能通过动态加载的方式加载到主程序中，以满足可插拔式的加载、组合式的部署
qq_30895747·2024-02-12 21:43

【Vue3.0】- Composition API

什么是CompsitionAPIVue.js3.0允许我们在编写组件的时候添加一个setup启动函数setup是CompositionAPI逻辑组织的入口Countis:{{state.count}},doubleis:{{state.double}}import{reactive,computed}from'vue'exportdefault{setup(){conststate=reactiv
啦啦啦喽啰·2024-02-11 21:57

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

演示网址：https://download.notestore.cn/20231212/账号：admin密码：admin注意事项：后端项目部署，尽量用域名，不要用phpartisanserve，启用后端项目，否则会出现后台无法登录问题服务器环境：PHP8.2[已测]Mysql5.740[已测]目录结构：/backend（后端目录）/frontend（前端目录）/resource（资源目录，包含数据
·2024-02-11 17:23

vue3.0运行报错

Node.js17版本opensslErrorStack:[‘error:03000086:digitalenveloperoutines::initializationerror’]报错描述D:\workspace\ideaproject\RuoYi-Cloud\ruoyi-ui>[email protected]
小刘今天你改bug了吗·2024-02-11 15:44

vue3（笔记）

组合式Apisetup-----相当于beforeCreate,create生命周期reactive–定义状态对象形式响应式原理toRefs—Pinia（只有state、getters和actions）
友人！·2024-02-11 15:05

vue3.0中的双向数据绑定方法

1.为什么要替换Object.defineProperty替换不是因为不好，是因为有更好的方法使用效率更高Object.defineProperty的缺点：1.在Vue中，Object.defineProperty无法监控到数组下标的变化，导致直接通过数组的下标给数组设置值，不能实时响应。push()pop()shift()unshift()splice()sort()reverse()目前只针对
为光pig·2024-02-11 11:43

vue3.0 和 2.0的差异

对比学习2.0和3.0并记录学习收获:·3.0比2.0快2倍·3.0去掉了filter,么有beforeCreatecreated,用setup取代·reactivity是可以单独作为库使用的·单独功能可以抽离取代了mixin优于mixin解决上下反复横跳·支持多个子节点fragment·setup里没有this·Proxy实现响应式不需要setdelete兼容性并不好·响应式方面性能得到很大提升
前端大镖客_·2024-02-10 11:24

掌握Vue，开启你的前端开发之路！

组合式的视图组件：Vue鼓励以组件的形式组织代码，这些组件可以独立地开发
知识分享小能手·2024-02-09 10:50

Vue3 常用的10个组合式 API

而通过Vue3，组合式API增强了我们利用Vue的能力，使我们的代码更具模块性和可读性。
子伟-H5·2024-02-09 08:06

【高频前端面试题--TypeScript篇】

作者：“码上有前”文章简介：前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言高频前端面试题--Vue3.0篇什么是TypeScript？
码上有前·2024-02-09 05:25

【高频前端面试题--Vue3.0篇】

作者：“码上有前”文章简介：前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言高频前端面试题--Vue3.0篇Vue3.0有什么更新defineProperty和proxy的区别Vue3.0为什么要用proxy
码上有前·2024-02-09 05:21

竞争--创新课学习

竞争的创新主要学习了三个知识点：（1）错位竞争，不在已有企业的主战场，而是从侧面以低端技术入手；（2）选择不同的组合方式（颠覆式创新）（3）发现新的基本要素（破界创新）1、错位竞争学习心得组合式创新有两种方式
王金磊_0ad2·2024-02-08 21:16

#Vue3：组件通信--props-emit = definEmit([‘submit‘])---子传父--mitt--v-model--provide inject--pinia--slot

$patch({sum:222})actions:increment(value){//this代表当前的store}}storeTorefs$subscribe订阅—刷新不会丢失组合式return{}
前端xiaolibao·2024-02-08 16:09

vue3项目keepAlive使用方法详解

以下主要将keepaliev在vue3.0中的用法。
Trank-Lw·2024-02-08 13:47

vue3.0 watch函数案例

App.vue代码：importDemofrom'./components/Demo'exportdefault{name:'App',components:{Demo}}Demo代码：当前求和为：{{sum}}点我+1当前的信息为:{{msg}}修改信息姓名：{{person.name}}年龄：{{person.age}}修改姓名增长年龄import{ref,reactive,watch}fro
前端程序员路易·2024-02-08 12:20

VUE3基础

一、认识vue3及vue3的优势1、框架层面响应式底层API的变化，proxy数组下标的修改，对象动态添加属性；vue3对ts的支持比vue2更强；vue3增加了组合式API，增强了逻辑组合能力配套的工程化工具也有了更新
煸橙干儿~~·2024-02-08 10:11

Vue3.0（四）：Composition API的使用

CompositionAPI认识CompositionAPI前几篇文章中主要用OptionsAPI进行编写代码，但是有一些弊端OptionsAPI弊端在OptionsAPI中，有data、watch、computed、methods以及生命周期函数各种各样的选项而一个变量，为了实现某个功能，会分散在各个选项中，不利于代码的维护此时CompositionAPI就出现了使用setup函数可以将大部分选
前端大菜鸟_·2024-02-08 09:23

vue3 之 组合式API—生命周期函数

vue3的生命周期API生命周期函数基本使用1️⃣导入生命周期函数2️⃣执行生命周期函数传入回调import{onMounted}from'vue'onMounted(()=>{//组件挂载完毕mounted执行了})执行多次生命周期函数是可以执行多次的，多次执行时传入的回调会在时机成熟时依次执行场景：比如维护之前的项目的时候，onMounted中写了好多逻辑，不好改，可以在写一个onMounte
jiojio在学习勒·2024-02-08 09:52

搭建vue3.0 项目

安装脚手架卸载原来的脚手架npmuninstallvue-cli-g下载新的脚手架npmuninstallvue-cli-g或者npminstall--global@vue/cli@nextvuecreatevue3-bm选择功能进行下载image.png启动项目npminstallnpmrunserve//启动项目image.png配置环境变量和代理我们在项目中可以使用env创建环境变量新建三个
hegege·2024-02-08 08:52

ES5中常用的继承

目录1.原型链继承：2.构造继承：在子类的构造函数中调用父类函数3.组合继承：4.寄生组合式继承：1.原型链继承：子类构造函数的原型对象指向父类构造函数的实例缺点：1.子类的实例会共享父类的引用类型的属性
wen_文文·2024-02-08 05:14

SpringBoot 动态加载jar包，动态配置

停止任一治理任务能够动态升级、添加治理任务启动、停止治理任务或升级、添加治理任务不能影响其他任务3、方案为了支持业务代码尽量的解耦，把部分业务功能通过动态加载的方式加载到主程序中，以满足可插拔式的加载、组合式的部署
ღ᭄陽先生꧔ꦿ᭄·2024-02-08 04:30

Vue3.0（二）：Vue组件化基础 - 脚手架

Vue组件化基础-脚手架Vue的组件化我们在处理一些任务量比较庞大的工作时候，会将工作内容进行拆分，分步骤完成而组件化的思想正式如此，对于一个庞大的项目，我们可以将其拆分成一个个的小功能，分步骤进行实现组件化是Vue的核心思想在前面的学习中，我们在createApp中传入了一个App对象，这个对象的本质其实就是一个组件{{item}}//使用VueconstApp={data(){return{a
前端大菜鸟_·2024-02-07 02:18

Vue3.0（三）：Vue组件化深入理解

Vue组件化深入理解生命周期每个组件都可能经历创建、挂载、更新、卸载等一系列过程在每个阶段，我们可能会添加一些属于自己的逻辑代码在Vue中，生命周期通过生命周期函数实现生命周期函数实际上就是回调函数，在某个时间会被Vue源码调用通过生命周期函数的回调，我们可以知道目前组件正在经历什么阶段生命周期的流程初始化事件生命周期beforeCreate创建组件实例：初始化注入和响应式created：发送网络
前端大菜鸟_·2024-02-07 02:43

前端学习之路(4) vue2和vue3的区别

二.组合式API和选项式API在vue2中采用选项式API，将数据和函数集中起来处理，将功能点切割了当逻辑复杂的时候不利于代码阅读。
星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-06 14:37

Vue3.0商店后台管理系统项目实战-导航的icon图标

参考资料Vue3.0官方文档：https://cn.vuejs.org/ElementPlus文档：https://element-plus.gitee.io/zh-CN/ElementPlus提供了一套常用的图标集合
祈澈菇凉·2024-02-06 14:25

推荐好用的vue插件02 v-md-editor富文本编辑器

一、介绍v-md-editor是基于Vue开发的markdown编辑器组件二、安装与注册即支持vue2.0的项目也支持vue3.0的项目，不过两种版本的安装版本不同-[Demo](https://code-farmer-i.github.io
longbao_1·2024-02-06 11:08

vue3 之 组合式API—provide和inject

作用顶层组件向任意的底层组件传递数据和方法，实现跨层组件通信场景room-page为顶层组件room-msg-comment为底层组件跨层传递普通数据1.顶层组件通过provide函数提供数据2.底层组件通过inject函数获取数据跨层传递响应式数据在调provide函数时，第二个参数设置为ref对象跨层传递方法顶层组件可以向底层组件传递方法，底层组件调用方法修改顶层组件中的数据需求解决总结1.p
jiojio在学习勒·2024-02-06 02:59

vue3 之 组合式API—模版引用

模版引用的概念通过ref标识获取真实的dom对象或者组件实例对象如何使用（以获取dom为例组件同理）1️⃣调用ref函数生成一个ref对象2️⃣通过ref标识绑定ref对象到标签dom中使用父组件中可以看到打印出来proxy里面只有一个属性，其他属性看不到为什会这样？默认情况下在子组件通过defineExpose暴露出去，可以看到父组件打印出来的proxy中已经有暴露出来的属性了总结1.获取模版引
jiojio在学习勒·2024-02-06 02:28

Vue3 发布正式版（2020.9.19）

[官宣]Vue3.0—OnePiece发布各位先收藏再点赞，本文章绝对值得你的一赞点击至Vue3官网Vue团队于2020年9月18日晚11点半发布了Vue3.0版本，我们连夜对Release进行了翻译。
铁锅炖大鹅(e)·2024-02-05 21:37

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

1、Vue-组合式-第一个项目

点击前往官网点击进行环境搭建一、创建项目使用下述命令创建项目npmcreatevue@latestps:为了方便学习，上述在创建项目时需要用到的插件全部选择不创建二、运行项目按照上述操作最后结果上显示的命令来启动项目即可cdstudy-vuenpminstall#这一步需要等的时间稍微长一些npmrundev然后使用local的地址在浏览器中即可访问该前端项目三、目录结构这里把下图的对应文件和内容
许忠慧·2024-02-05 17:22

Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？

文章目录开始之前正文一、OptionsApi二、CompositionApi三、对比逻辑组织OptionsAPICompostionAPI逻辑复用小结开始之前CompositionAPI可以说是Vue3的最大特点，那么为什么要推出CompositionApi，解决了什么问题？通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点TypeScr
花言儿·2024-02-05 15:02

vue全家桶之状态管理Pinia

Pinia（发音为/piːnjʌ/，如英语中的“peenya”）是最接近piña（西班牙语中的菠萝）的词；Pinia开始于大概2019年，最初是作为一个实验为Vue重新设计状态管理，让它用起来像组合式API
DustinWangq·2024-02-05 14:40

基于springBoot、vue导出Excel文件

一、运行环境SpringBoot、jdk15（版本不影响）、vue3.0二、使用步骤1.导入依赖在pom.xml中添加poi的依赖：org.apa
ONY_X·2024-02-05 09:37

vue3.0中从proxy中取值

使用vue3.0时，因为底层是使用proxy进行代理的所以当我们打印一些值的时候是proxy代理之后的，是Proxy对象，Proxy对象里边的[[Target]]才是真实的对象。
天外天-亮·2024-02-05 06:14

vue3：23—自定义hooks

正是因为有了hooks，组合式才发挥出了威力其实hooks和vue2中的mixin有点类似，但是相对mixins而言，hooks更清楚复用功能代码的来源,更清晰易懂。
有蝉·2024-02-05 04:34

vue3-自定义指令

组合式函数：侧重有状态的逻辑。自定义指令：主要是为了重用涉及普通元素的底层DOM访问的逻辑。定义:一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。钩子函数会接收到指令所绑定元素作为其参数。
王大可996·2024-02-04 13:27

【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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他