Vue3状态管理

[网站开发] 创建Vue3项目及错误解决

创建Vue3项目(前端)Vue官方文档:https://vuejs.org/Vuejs.org中文版Vue网站进入官网后默认是Vue3版本的,可以自己从文档/Docs中找Vue2版本的.安装前准备熟悉命令行
YuanDaima2048·2024-02-11 13:22

vue项目安装element

/assets/iconfont/iconfont.css'Vue.use(elementUI)现在vue3项目安装element-plus1、安装npminstallelement-plu
叽里咕噜咕噜·2024-02-11 12:26

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

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

Element+vue3.0 tabel合并单元格span-method

Element+vue3.0tabel合并单元格span-method:span-method="objectSpanMethod"详解：在objectSpanMethod方法中，rowspan和colspan
下一站丶·2024-02-11 11:46

尚硅谷Vue3入门到实战，最新版vue3+TypeScript前端开发教程笔记

1.Vue3简介2020年9月18日，Vue.js发布版3.0版本，代号：OnePiece（n经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址：Releasev3.0.0OnePiece
Labeex·2024-02-11 11:15

尚硅谷 Vue3+TypeScript 学习笔记（下）

目录五、组件通信5.1.【props】5.2.【自定义事件】5.3.【mitt】5.4.【v-model】5.5.【$attrs】5.6.【$refs、$parent】5.7.【provide、inject】5.8.【pinia】5.9.【slot】1.默认插槽2.具名插槽3.作用域插槽六、其它API6.1.【shallowRef与shallowReactive】shallowRefshallow
编程抗氧化·2024-02-11 11:44

轮播图的五种写法（原生、vue2、vue3、react类组件，react函数组件）

本文使用原生、vue2、vue3、react类组件，react函数组件五种写法实现了简单的轮播图效果，需要更多轮播效果需要再增加样式或者动画。
前端fighter·2024-02-11 06:09

关于如何调试vue3源码

前端调试调试vue源码调试vue源码基础配置{"version":"0.2.0","configurations":[//vue源码{"type":"chrome","name":"test","url":"http://localhost:8080","request":"launch","webRoot":"${workspaceFolder}",}]}gitclonehttps://gith
Young soul2·2024-02-11 03:21

VUE3（十二）provide和inject函数

没错，这套逻辑在vue3中同样适用，这两个选项变成了两个方法。provide允许我们向当前组件的所有后代组件，传递一份数据，所有后代组件能够通过inject这个方法来决定是否接受这份数据。大致的示
camellias__·2024-02-11 02:56

vue3源码解读--组件更新

目录vue2源码vue3源码示例源码组件更新的前提是依赖能被正确收集到，经过上一节分析，我们知道trackEffects正是来做这件事情的，故将代码定位于此。核心看其收集的对象是谁。
习惯水文的前端苏·2024-02-11 01:15

尚硅谷 Vue3+TypeScript 学习笔记（中）

目录三、路由3.1.【对路由的理解】3.2.【基本切换效果】3.3.【两个注意点】3.4.【路由器工作模式】3.5.【to的两种写法】3.6.【命名路由】3.7.【嵌套路由】3.8.【路由传参】query参数params参数3.9.【路由的props配置】3.10.【replace属性】3.11.【编程式导航】3.12.【重定向】四、pinia4.1【准备一个效果】4.2【搭建pinia环境】4.
编程抗氧化·2024-02-10 21:03

尚硅谷 Vue3+TypeScript 学习笔记（上）

目录一、创建Vue3工程1.1.【基于vue-cli创建】1.2.【基于vite创建】(推荐)1.3.【一个简单的效果】二、Vue3核心语法2.1.
编程抗氧化·2024-02-10 21:32

2022-04-28

vue3中使用ref、reactive、watch监听器，计算属性2、组件之间传值使用provide和inject
菜包·2024-02-10 21:32

4. TypeScript

1TypeScript介绍2TypeScript常用类型2.1类型标注的位置2.2字符串、数字、布尔类型2.3字面量类型2.4interface类型2.5class类型Vue1：基础跟使用方式Vue2：路由方面Vue3
it优质男·2024-02-10 19:53

JetpackCompose之状态管理

JetPackCompose系列（13）—状态管理State即，状态。
左大星·2024-02-10 18:07

使用vitepress构建组件库文档

建立在Vite而非Webpack上，因此启动时间，热重装等更快使用Vue3来减少JS的有效负载轻量级Vitepress能够实
m0_67401920·2024-02-10 18:58

使用vue-client-only 解决组件不兼容SSR问题

目录前言一、解决方案1.基于Nuxt框架的SSR应用2.基于vue2框架的应用3.基于vue3框架的应用二、总结往期回顾前言最近在我的单页面SSR应用上开发JSON编辑器功能，在引入组件后直接客户端跳转
富朝阳·2024-02-10 18:20

vue3 之 通用组件统一注册全局

components/index.js//把components中的所组件都进行全局化注册//通过插件的方式importImageViewfrom'./ImageView/index.vue'importSkufrom'./XtxSku/index.vue'exportconstcomponentPlugin={install(app){//app.component('组件名字'，组件配置对象)
jiojio冲冲冲·2024-02-10 18:49

vue3 之 Pinia数据持久化

持久化用户数据说明1️⃣用户数据中有一个关键的数据叫做token（用来标识当前用户是否登陆），而token持续一段时间才会过期2️⃣Pinia的存储是基于内存，刷新就丢失，为了保持登陆状态就要做到刷新不丢失，需要配合持久话进行存储实现效果操作state时自动把用户数据在本地的localStorege也存一份，刷新的时候会从localStorege中先取出运行机制在设置state的时候会自动把数据同
jiojio冲冲冲·2024-02-10 18:49

vue3 之 商城项目—详情页

整体认识路由配置准备组件模版">首页母婴跑步鞋抓绒保暖，毛毛虫子儿童运动鞋销量人气100+销量人气商品评价200+查看评价收藏人气300+收藏商品品牌信息400+品牌主页抓绒保暖，毛毛虫儿童鞋好穿200100促销12月好物放送，App领券购买直降120元服务无忧退货快速退款免费包邮了解详情加入购物车商品详情白色纯棉.xtx-goods-page{.goods-info{min-height:600
jiojio冲冲冲·2024-02-10 18:19

vue3 之 商城项目—登陆

整体认识登陆页面的主要功能就是表单校验和登陆登出业务路由配置模版小兔鲜进入网站首页账户登录我已同意隐私条款和服务条款点击登录关于我们帮助中心售后服务配送与验收商务合作搜索推荐友情链接CopyRight©小兔鲜儿.login-header{background:#fff;border-bottom:1pxsolid#e4e4e4;.container{display:flex;align-
jiojio冲冲冲·2024-02-10 18:48

ESlint配置

//.eslintrc.jsmodule.exports={root:true,env:{node:true},extends:['plugin:vue/vue3-essential','@vue/standard
折花_·2024-02-10 18:08

Vue 进阶系列丨大文件切片上传

最早的Vue.js只做视图层，没有路由，没有状态管理，也没有官
HFun TM·2024-02-10 17:35

Vue 进阶系列丨Vuex+TS 代码提示

最早的Vue.js只做视图层，没有路由，没有状态管理，也没有官
HFun TM·2024-02-10 17:05

Vue 进阶系列丨自定义指令实现按钮权限功能

最早的Vue.js只做视图层，没有路由，没有状态管理，也没有官
HFun TM·2024-02-10 17:05

Vue 进阶系列丨vuex持久化

最早的Vue.js只做视图层，没有路由，没有状态管理，也没有官
HFun TM·2024-02-10 17:05

Vue 进阶系列丨权限控制 addRoute()

最早的Vue.js只做视图层，没有路由，没有状态管理，也没有官
HFun TM·2024-02-10 17:04

Vue 进阶系列丨实现简易VueRouter

最早的Vue.js只做视图层，没有路由，没有状态管理，也没
HFun TM·2024-02-10 17:33

Zustand：简化状态管理的现代React状态库

Zustand：简化状态管理的现代React状态库Zustand是一个用于管理状态的现代React状态库。
爱编程的鱼·2024-02-10 14:43

vue3引入oss-ali和elementplus上传封装组件方法 2024年小白一看就懂

@TOC效果图导入oss模块npminstallall-oss--save在vue3组件中引入oss对象，在需要上传文件的vue组件中，引入oss对象，并设置相关配置项。
可口可乐Vip·2024-02-10 13:01

vue3中的watch

vue3中的watch监听属性watch接收两个参数，第一个参数是监听的属性，多个属性可传入数组，第二个参数是一个回调函数，回调函数有两个参数（newVal,oldVal）；当watch的第一个参数是一个数组时
杨羊羊杨·2024-02-10 13:29

vue3项目中如何实现模块的自动导入

vue2和vue3一个很重要的代码区别就是从vue2对象化完整引入到函数化按需引入。从而解决了需要什么就引入什么的按需引入操作功能。然而这一代码操作模式却也引出了后续繁琐代码的书写结构。
开心点啦.·2024-02-10 12:08

vuex原理以及实现

Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化每一个Vuex应用的核心就是store（仓库）。
yutao618·2024-02-10 12:40

vuex基础

它是Vue的状态管理模式，在使用vue的时候，需要在vue中各个组件之间传递值是很痛苦的，在vue中我们可以使用vuex来保存我们需要管理的状态值，值一旦被改变，所有引用该值的地方就会自动更新。
魔王哪吒·2024-02-10 12:24

vue3 源码解析之Reactive实现的原理

第一节：vue3响应式的API；reactive（响应）：shallowReactive（浅响应）:readonly（只读）:shallowReadonly（浅的只读），浅相当于第一层。
h960822·2024-02-10 12:49

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-56、Vue技术路由的使用

2、前端路由：key是路径，value是组件1、基本使用vue-router3只能在vue3中使用vue-router3才能在vue2中使用1、vue2安装npmivue-router@3或者cnpmivue-router
一叶飘零晋·2024-02-10 10:34

如何快速上手Vue框架

学习Vue路由和状态管理：学
youmatech·2024-02-10 10:29

uniapp 全局引入vant 组件库

vant4官方文档vant2官方文档vant3官方文档一、创建uniapp项目+vue3二、通过npm安装vantvue3项目，安装最新版Vantnpmivantvue2项目，安卓vant2npmivant
冷七七-·2024-02-10 10:52

vue3踩坑之作用域插槽的使用，以及vue3和vue2中作用域插槽的对比和使用

项目场景：在系统后台开发中，前端需要对后端返回数据进行处理，比如说，用户角色、付款方式等等，而返回的这些数据里面通常是数字来表示相关的角色和身份，如：1表示管理员，2表示用户；又比如说1表示支付宝支付，2表示微信支付，3表示银行卡支付。页面上渲染出数据是数字的形式，但对用户来说其实这种方式并不具备明显的指代意义，所以为了实现更好的用户体验，前端会使用作用域插槽对该数据进行处理，实现与用户之间更好的
我也想做全栈一霸！·2024-02-10 10:20

Vue如何实现不同登录方式的切换（账号密码登录、邮箱验证登录等）

文章目录前言一、使用vue开发框架的时候，无论是vue2或是vue3，都会运用到elementui组件库或是element-plusui组件库，所以我们要解决的问题首先从这些组件库里来找寻答案二、项目里按需引入或者全局导入
我也想做全栈一霸！·2024-02-10 10:49

如何使用Element Plus 提供的Icon图标库

文章目录前言一、安装二、使用1.引入需要的图标2.页面效果3.还有一个奇怪的问题总结前言用vue3开发的时候，使用element-plusUI组件库的时候，发现不能像之前vue2时候使用的那么方便了，需要单独引入和使用
我也想做全栈一霸！·2024-02-10 10:49

vue3集成bpmn

文章目录前言一、依赖二、汉化配置1.引入文件2.样式文件总结前言vue3集成bpmn配置工作流一、依赖"bpmn-js":"^7.3.1","bpmn-js-properties-panel":"^0.37.2
快乐的木子李·2024-02-10 08:51

铱塔 (iita) 开源 IoT 物联网开发平台，基于 SpringBoot + TDEngine +Vue3

01铱塔(iita)物联网平台铱塔智联(open-iita)基于Java语言的开源物联网基础开发平台，提供了物联网及相关业务开发的常见基础功能,能帮助你快速搭建自己的物联网相关业务平台。铱塔智联平台包含了品类、物模型、消息转换、通讯组件（mqtt/EMQX通讯组件、小度音箱接入组件、onenetStudio接入组件）、modbus透传接入、云端低代码设备开发、设备管理、设备分组、规则引擎、第三方平
AIoT科技物语·2024-02-10 07:33

Vue3使用vant检索组件van-search的坑

当清空按钮与检索按钮同时居右时，点击clear清空按钮事件时会同时触发click-right-icon事件,如下配置：onClickSearch(true)"@click-right-icon="onClickSearch()">建议检索按钮放到左侧，防止与清空按钮出现同一侧。且清空按钮点击无效，层叠样式排版有问题，需重新使用样式更改位置偏移.van-field__body{.van-field_
杀猪刀-墨林·2024-02-10 06:18

vue3-内置组件-Teleport

Teleport是一个内置组件，它可以将一个组件内部的一部分模板“传送”到该组件的DOM结构外层的位置去。基本用法有时我们可能会遇到这样的场景：一个组件模板的一部分在逻辑上从属于该组件，但从整个应用视图的角度来看，它在DOM中应该被渲染在整个Vue应用外部的其他地方。这类场景最常见的例子就是全屏的模态框。理想情况下，我们希望触发模态框的按钮和模态框本身是在同一个组件中，因为它们都与组件的开关状态有
王大可996·2024-02-10 06:59

vuex

Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
大马虎·2024-02-10 04:19

router路由跳转的两种模板2.0版本

router.push('/home');};由于上一个版本，没有导入全局组件的小伙伴，可能用不了第二套模板（上面那套代码）直接调用router库中的push方法，这边提供一套全新的版本用不来的原因是没添加进全局组件（vue3
用键盘当武器的秋刀鱼·2024-02-10 02:44

极其抽象的路由

$router.push('/home');};时代变了，在查询了各种资料后，这玩意是vue2的产物，让我们拥抱，vue3吧。。。
用键盘当武器的秋刀鱼·2024-02-10 02:44

学习Vue3的第一天

创建Vue3工程前提条件基于vue-cli创建（不推荐）基于vite创建（推荐）通过CDN使用Vue代码示例简介什么是Vue？
世俗ˊ·2024-02-10 01:04
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他