组合式

Nuxt Kit 自动导入功能：高效管理你的模块和组合式函数

title:NuxtKit自动导入功能：高效管理你的模块和组合式函数date:2024/9/14updated:2024/9/14author:cmdragonexcerpt:通过使用NuxtKit的自动导入功能
qcidyu·2024-09-15 15:33

2023.7.15 学习Vue3.x官方文档之异步组件 + ＜Suspense＞（通俗易懂的理解!）

但随着Vue3成为默认版本，出现，使用组合式API编程时，不再显示使用这个API。#Vue提供给我们定义异步组件的方式，下面来看看怎么定义异步组件吧！import{defineAsyn
夏日友情天_·2024-09-13 04:54

寄生组合式继承

一、class核心语法1、公有属性2、构造函数3、公有方法classPerson{//1、公有属性name//2、构造函数constructor(name){this.name=name}//3、公有方法say(){console.log("say")console.log(this.name)}}constp=newPerson("jack")二、继承extends：继承super：调用父类构造
四季予你66·2024-09-12 22:42

vue3 什么是Composition API 我为什么要使用它？

CompositionAPI（组合式API）是Vue3中引入的一组全新的API，旨在提供一种更加灵活和可组合的方式来组织和复用组件逻辑。
软件技术NINI·2024-09-11 13:36

VuePress 侧边栏配置与 useSidebar 实用指南

本文将详细介绍如何配置侧边栏，并介绍如何使用useSidebar组合式函数来操作侧边栏的状态。单一侧边栏的配置最简单的侧边栏配置方式是通过一个数组来定义导航结构。
软考鸭·2024-09-08 00:06

《Vue 3 中的 Pinia：全面解析与使用教程》

Pinia的核心设计目标是提供简单、灵活、轻量的状态管理方式，并与Vue3的组合式API紧密结合。它使得状态管理更加直观，同时保留了响应式和开发者工具的调试支持。为什么选择Pinia？
NMY112·2024-09-05 10:43

Vue3实现elementplus实现分页查询，组合式API写法

在Vue3中使用ElementPlus实现分页查询时，通常会利用组合式API（CompositionAPI）来组织代码，使得逻辑更加清晰和模块化。
J不A秃V头A·2024-09-05 04:30

在vue3中封装WebSocket

下载websocketnpminstallwebsocket或yarnaddwebsocket一、新建webSockte.js文件//webSocket.js//自定义组合式函数，用于管理WebSocket
_Legend_King·2024-09-02 03:57

uniapp解决app端不能用＜web-view＞将外部页面嵌入当前页面的问题

uniapp解决app端不能用将外部页面嵌入当前页面的问题参考资料代码（兼容h5与app）父页面子组件Vue2Vue3、组合式、ts参考资料android项目嵌套uniapp页面及交互uniapp嵌套h5
舍予一·2024-08-31 20:15

Vue的状态管理——Vuex3&4&Pinia

Vue3中Vuex的使用_vue3vuex-CSDN博客VueX详解_组合式vuex-CSDN博客15分钟学会PiniaVuex3和4详解Vuex3Vuex3是Vue.js2.x版本的状态管理库，它提供了一种集中式存储和管理组件状态的方式
GISer_Jinger·2024-08-31 08:49

JS 常见的 6 种继承方式

目录原型链继承构造函数继承（借助call）组合继承（前两种组合）原型式继承寄生式继承寄生组合式继承--最优原型链继承原型链继承涉及的是构造函数、原型、实例化对象，这三者之前存在一定的关系：●每一个构造函数都有一个原型对象
杨大东·2024-08-30 23:21

【长文细说】20个ElementPlus核心组件以及使用技巧

ElementPlus继承了ElementUI的设计哲学和组件结构，同时利用Vue3的新特性，如组合式API（CompositionAPI）和Teleport，来提供更好的开
威哥爱编程（马剑威）·2024-08-27 09:24

UniApp Vue3版如何实现微信小程序样式穿透

很多伙伴在写vue3的时候，都使用了组合式api。而在修改微信小程序的样式的时候，遇到不生效问题，H5却很听话。其实uniapp有个参数配置，需要开启小程序的样式穿透才行。
antlers777_·2024-08-24 21:59

Vue3的Hooks的使用创建（组合式API的灵魂）

1.约定和最佳实践命名组合式函数约定用驼峰命名法命名，并以“use”作为开头。输入参数即便不依赖于ref或getter的响应性，组合式函数也可以接收它们作为参数。
J不A秃V头A·2024-08-23 23:45

vue3 语法糖＜script setup＞

是在单文件组件(SFC)中使用组合式API的编译时语法糖。当同时使用SFC与组合式API时该语法是默认推荐。
fishmemory7sec·2024-08-23 16:01

vue3 组合式 API：setup()

查看vue3官网介绍：组合式API：setup()在Vue3中，组合式API的setup()函数是一个非常重要的特性，它提供了一种更灵活和可维护的方式来组织组件的逻辑。
fishmemory7sec·2024-08-22 21:03

Vue 3 中的 setup 函数是如何工作的？

Vue3中的setup函数是一个新的组件选项，用于使用组合式API定义组件的逻辑。这个函数的引入是为了解决Vue2中随着组件复杂度的增长，选项式的API可能导致代码难以维护和理解的问题。
奔强的程序·2024-03-04 07:56

Vue-5

Vue3的优势更容易维护（组合式API）更快的速度更小的体积更优的数据响应创建Vue3项目前提环境条件：已安装16.0或更高版本的Node.jsnode-v创建一个Vue应用（下面的指令将会安装并执行create-vue
-seventy-·2024-03-01 20:35

在普通的html页面用Vue3组合式API写的项目（无需Node.js环境和构建项目）

摘要Vue.js的优点有很多，但是其使用门槛对于只学习过普通的项目的同学来说，还是比较有挑战性的，如果你真的想把Vue学的很溜，真的需要一个非常系统的学习才能运用起来。因为学习Vue你不仅仅是学习他的语法、API和一些开发的规范，你还要学习构建工具的使用、调试、打包等等，有些人连最基本的开发环境都还没能顺利搭建起来。如果你不想使用Vue强大的生态和工具，只想在html页面中使用Vue也是可以的，因
·2024-02-20 17:54

Vue 3的provide和inject用法

了解Vue3的provide和inject用法前言在组合式API中的用法基本用法前言provide和inject在Vue2中已经被广泛应用，不是新鲜API，3.0重新认识一下它们两个。
超人不会飞°ོ·2024-02-20 17:44

java-8组合式异步编程

11.1Future接口Future接口在Java5中被引人，设计初衷是对将来某个时刻会发生的结果进行建模。它建模了一种异步计算，返回一个执行运算结果的引用，当运算结束后，这个引用被返回给调用方。在Future中触发那些潜在耗时的操作把调用线程解放出来，让它能继续执行其他有价值的工作，不再需要呆呆等待耗时的操作完成。打个比方，你可以把它想象成这样的场景:你拿了一袋子衣服到你中意的干洗店去洗。干洗店
AIGPTchina·2024-02-20 17:22

pinia的使用

相比于Vuex，Pinia提供了更简洁直接的组合式风格的API(去掉了mutation)，action可以支持同步和异步。去掉了modules的概念，每一个store都是一个独立的模块。
零凌林·2024-02-20 16:47

vue3中的setup()函数详解

本期给大家带来vue篇专栏内容:vue3-setup()函数目录setup()函数1.1基本使用1.2访问Prop1.3Setup的上下文1.4与渲染函数一起使用setup()函数setup()钩子是在组件中使用组合式
前端青山·2024-02-20 14:59

Vue3 学习笔记（Day2）

推荐先按顺序阅读往期内容：\1.Vue3学习笔记（Day1）:::block-1目录3Vue3核心语法3.1选项式API与组合式API3.2setup3.3ref和reactive3.4computed3.5watch3.6
·2024-02-20 09:13

vue3-组合式 API

什么是组合式API？组合式API(CompositionAPI)是一系列API的集合，使我们可以使用函数而不是声明选项的方式书写Vue组件。
王大可996·2024-02-20 05:53

vue3：codepen上生成的动效代码/ 前端生成统计图（echarts包）

codepen上生成的动态效果怎么放到自己的代码里（vue3组合式api）设计给了个动态效果，说源码在codepen上面，打开一看，好家伙没有html，css也只有图里展示的这么点，那就是纯靠js实现。
小王今天也要加油鸭~！·2024-02-20 02:30

vue3 hooks

Hooks是VUE3中利用组合式API响应式的特性的，实现简单高效的逻辑复用、提高开发效率、提高VUE模块可维护性的工具。
前端碎碎念·2024-02-19 19:50

vue3.2+TypeScript+Pinia学习笔记（最新版！！！）

前言：vue3+typescript+pinia学习文章目录一、vue31.组合式API2.setup函数3.reactive函数4.ref函数5.reactive与ref的选择6.setup语法糖6.1
阿吧阿巴阿巴·2024-02-19 19:43

最新 Vue3、TypeScript、组合式API、setup语法糖 学习笔记

最新Vue3、TypeScript、组合式API、setup语法糖学习笔记1、创建Vue3工程基于`vue-cli`创建（基于webpack实现）基于`vite`创建（推荐）2、Vue3项目开发`vscode
W.Y.B.G·2024-02-19 19:34

Vue3笔记

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

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

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

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

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

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

vue3（笔记）

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

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

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

Vue3 常用的10个组合式 API

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

竞争--创新课学习

竞争的创新主要学习了三个知识点：（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基础

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

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

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

ES5中常用的继承

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

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

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

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

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

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

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

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

vue全家桶之状态管理Pinia

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

vue3：23—自定义hooks

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

vue3-自定义指令

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