51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

vuejs组件交互 - 03 - vuex状态管理实现组件交互
组件交互模式的使用场景 1. 简单应用直接使用props down，event up的模式就可以了 1. 小型应用使用事件中心模式即可 1. 中大型应用使用vuex的状态管理模式 vuex 包含要管理的应用数据和更新数据的methods，其他组件使用 即可完成数据操作. 现在，你可以通过 store
数据
数据操作
使用场景
更新数据
Python
转载
mob604756ec5243
2017-08-09 23:02:00
156阅读
2评论

vuejs组件
<div id='root'> <ul> <todo-item></todo-item> </ul> </div> <script> Vue.component('todo-item',{ template:'<li>item</li>' }) </script> 全局组件：上面这种组件叫做全局组件
发布订阅
vue.js 数据
转载
mob60475704ea1a
2018-09-04 21:46:00
232阅读
2评论

VueJS中学习使用Vuex详解
 在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用:首先要安装、使用 vuex首先在 vue 2.0+ 你的vue-cli项目中安装 v
ide
属性值
自定义
原创
wx62ea0abc1ee0c
2022-10-21 12:00:58
76阅读

vuejs组件通信
<body> <div id="example"> <father></father> </div> </body> <script> Vue.component('child', { // 声明 props props: ['messa
web
vuejs
html
干货
原创
mb61288bff2bcce
2021-08-27 15:27:02
242阅读

axios封装 vuejs axios封装api
如图，面对一团糟代码的你~~~真的想说，What F~U~C~K！！！回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axios的封装 在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请
axios封装 vuejs
javascript
json
ui
ViewUI
转载
AI独步天下
2023-08-30 09:04:50
10阅读

vueX element组件
一、Configuration Elements用于设置samplers可用的默认值或者变量。Configuration Elements在所在作用域的开头被处理，在处理任何samplers之前。18.4 Configuration ElementsCSV Data Set ConfigFTP Request DefaultsDNS Cache ManagerHTTP Authorization
vueX element组件
jmeter
HTTP
java
缓存
转载
智能创新梦想家
5月前
18阅读

vuejs组件参数校验
父组件向子组件传递一些参数，那么子组件有权对这些参数进行一个校验，这个就是组件参数校验 需求：父组件传递过来的必须是个字符串，这个要怎么去校验呢 <div id='root'> <child content='hello world'></child> </div> <script> Vue.com
传递参数
数据
字符串
校验器
数据类型
转载
mob60475704ea1a
2018-09-16 08:51:00
109阅读
2评论

【Vuejs】114-从头开始学习Vuex
一、前言当我们的应用遇到多个组件共享状态时，会需要多个组件依赖于同一状态抑或是来自不同视图的行为需要变更同一状态。以前的解决办法：a.将数据以及操作数据的行为都定义在父组件;b.将数据以及操作数据的行为传递给需要的各个子组件(有可能需要多级传递)传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。在搭建下面页面时，你可能会对 vue 组件之间的通信感到崩溃 ，特别是非父
数据
属性值
同步操作
原创
pingan8787
2022-11-28 14:07:18
117阅读

【Vuejs】98-从头开始学习Vuex
当我们的应用遇到多个组件共享状态时，会需要多个组件依赖于同一状态抑或是来自不同视图的行为需要变更同一状态。
数据
操作数
封装
原创
pingan8787
2022-11-28 14:41:46
105阅读

vuejs组件注册代码示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js" type="text/javascript" charset="utf-8"></script> </head&gt
前端技术
原创
a772304419
2021-07-02 11:26:38
189阅读

vuejs组件的重要选项
new Vue({ el:'#demo', data:{ message:'Hello vue.js!' } }) 我们看到这个括号里面包含了很多中间的选项，小括号里面其实是一些参数，这些参数指定了实例化vue的一些特性 第一个选项data new Vue({ data:{ a:1, b:[] }
html
数据
数据源
赋值
vue.js
转载
mb5fdb0fbba4f73
2018-08-22 06:46:00
110阅读
2评论

vuejs组件注册代码示例
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head><body><div id="app"> <button-counter&g
html
javascript
css
其他
原创
a772304419
2022-01-19 11:10:32
56阅读

Vuex与组件通信
概述 vuex 是一个专为 vue.js 应用程序开发的状态管理模式。也就是说 Vuex 用于单页面应用组件之间的数据共享，在组件嵌套很多层的情况下，Vue 中父子组件的通信过程就变得很麻烦，此时使用 Vuex 方便了组件间的通信。vuex官网上说是一个vue的状态管理工具。其实我们可以简单地把状态
数据
ico
数据仓库
数据共享
数据通信
转载
mb5fdb128f2dba9
2020-12-08 13:06:00
293阅读
2评论

探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
前言 首先说明这并不是一个教程贴，而记事本应用是网上早有的案例，对于学习 的是探索 vuex 2.0 ,然后使用 vue 2
ico
运算符
官网
i++
github
转载
mob604756eb4476
2017-04-23 18:30:00
56阅读
2评论

Vuex的各个模块封装
一、各个模块的作用：state 用来数据共享数据存储mutation 用来注册改变数据状态（同步）getters 用来对共享数据进行过滤并计数操作action 解决异步改变共享数据（异步）二、 创建文件：actions.jsgetters.jsindex.jsmutations.jsmutation-types.jsstate.js三、编辑文件...
共享数据
调试工具
ide
原创
Vam的金豆之路
2022-03-08 14:27:33
115阅读

Vuex的各个模块封装
一、各个模块的作用：state 用来数据共享数据存储mutation 用来注册改变数据状态（同步）getters 用来对共享数据进行过滤并计数操作action 解决异步改变共享数据（异步）二、 创建文件：actions.jsgetters.jsindex.jsmutations.jsmutation-types.jsstate.js三、编辑文件...
共享数据
调试工具
ide
开发环境
数据存储
原创
Vam的金豆之路
2021-08-26 11:32:09
211阅读

vuejs动态组件给子组件传递数据
vuejs动态组件给子组件传递数据 通过子组件定义时候的props可以支持父组件给子组件传递数据，这些定义的props在子组件的标签中使用绑定属性即可，但是如果使用的是 中进行绑定 组件的作用于是独立的 组件的作用于是独立的，如果要从跟组件获取数据，那么需要一层层的传递才行，也就是说子组件只能从直接
vuejs
动态组件
props
传递数据
获取数据
转载
mb5fdb128f2dba9
2016-07-03 16:17:00
280阅读
2评论

vuex封装axios vue封装api怎么封装的啊
1、为什么我们要封装APIps: 如果已经有了明确要封装API的需求，直接看第二步。 在没有封装API之前，我们是类似这样使用 axios 的this.$axios.post('blogArticle/frontList',parms) .then((resp) => { this.blogList = resp.data, this.blogTotal = resp
vuex封装axios
vue
axios
封装api
小道仙
转载
mob64ca13fa6a3c
2024-01-11 23:30:35
33阅读

vuejs使用组件的细节点
is属性 <div id='root'> <table> <tbody> <row></row> <row></row> <row></row> </tbody> </table> </div> <script> Vue.component('row',{ template:'<tr><td>th<
html
数据
解决方法
vue.js 数据
转载
mob60475704ea1a
2018-09-14 07:08:00
103阅读
2评论

vuejs非父子组件传值
当父组件要给孙子，或者孙子与孙子要传值的时候怎么传，一层一层传太麻烦了，vuejs提供了一中模式叫发布订阅模式（观察者模式，bus，总线）来处理非父子组件间的传值 <div id='root'> <child content = 'Dell'></child> <child content = 'L
观察者模式
发布订阅
vue.js 数据
转载
mob60475704ea1a
2018-09-17 07:07:00
173阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

vuejs23简单组件使用

Vuex核心组件代码笔记

封装axios用vuex存token

Vue实现vuex功能封装方法

vue 组件库 外部axios 组件使用vuex

vuejs给组件绑定原生事件

Vuejs：component动态组件的使用示例

vuejs组件交互 - 01 - 父子组件之间的数据交互

ios 简单组件封装 如何封装组件库

上传组件封装eleemntui 组件封装成npm

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯