啥是应用程序状态,为什么咱们需要它? 状态管理通常在较小的项目并不需要,但是当涉及到更大的范围时,如企业级的应用大部分需要它了。简单的说,状态是一个包含应用程序使用的最新值的对象。但是,如果咱们从结构的、更抽象的角度来看待它,就会清楚地看到,状态是复杂应该中重要一块,它使能够构建干净的体系结构,并将            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-10-17 14:42:00
                            
                                107阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            初始数据在data()函数中,外边拿不然后调用。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-28 14:20:17
                            
                                96阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             本版本是对于vue2.x的总结,未来等学习了vue3,再完善对比一波!然后就是说,我们这里主要介绍原理部分,所谓二八原则,我们一切都从最重要的说起吧!一切从这张图开始 让我们一步步看吧! 一、初始化 在 new Vue() 之后。 Vue 会调用 _init 函数进行初始化,也就是这里的 init             
                
         
            
            
            
            大家好!我是木瓜太香!众所周知,组件式开发方式给我们带来了方便,不过也引入了新的问题,组件之间的数据就像被一道无形的墙隔开,如果我们希望临时让两个组件直接通信,vuex 太巨,而 $emit 又不好维护 provider 不可控 这个时候就该今天的主角 vue-communication 登场了!vue-communication介绍他是一个可观测可调试的vue组件通信方案任意关系组件可直接通信支            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-02-25 16:32:26
                            
                                569阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            哈喽!大家好!我是木瓜太香,一位老牌儿前端工程师,平时我们在使用 vue 开发的时候,可能会遇到需要父组件与子组件某个状态需要同步的情况,通常这个是因为我们封装组件的时候有一个相同的状态外面要用,里面也要用,今天我们就来看看怎么优雅的解决这个问题吧!
一般来说我们实现这个功能,只需要父组件通过 props 传递给子组件就好了,但是理想很丰满,现实很骨感,如果我们直接在子组件更改传进来的 pro            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-09-09 23:26:00
                            
                                75阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            (目录) 前言 keep-alive是vue提供的用来缓存组件状态的 代码示例 keep.vue <template> <div>KeepAlive</div> <input /> </template> <script> export default { name: 'Keep' } </scri            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-09-17 10:57:03
                            
                                197阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            keep-alive的一般用法使用<keep-alive></keep-alive>,用来开关直接子元素,如果有多个条件性的子元            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-28 14:08:12
                            
                                137阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            哈喽!大家好!我是木瓜太香,一位老牌儿前端工程师,平时我们在使用 vue 开发的时候,可能会遇到需要父组件与子组件某个状态需要同步的情况,通常这个是因为我们封装组件的时候有一个相同的状态外面要用,里面也要用,今天我们就来看看怎么优雅的解决这个问题吧!一般来说我们实现这个功能,只需要父组件通过 props 传递给子组件就好了,但是理想很丰满,现实很骨感,如果我们直接在子组件更改传进来的 props            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-09-09 23:27:00
                            
                                213阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            无状态组件与纯组件(pureComponent)1.1 无状态组件无状态组件可以通过减少继承Component而来的生命周期函数而达到性能优化的效果。从本质上来说,无状态组件就是一个单纯的render函数,所以无状态组件的缺点也是显而易见的。因为它没有shouldComponentUpdate生命周期函数,所以每次state更新,它都会重新绘制render函数。原则上,只要一个组件只具有rende            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-08 09:54:39
                            
                                59阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            类是状态组件(statefull component)函数是无状态组件(stateless component)判断组件时状态组件还是无状态组件 判断一个组件的类型,就是看:该组件是有状态,还是无状态。同样,如果使用一个组件,需要维护一个组件内部的状态,那么就选择有状态的组件类型;相反,如果不需要维护状态,就是无状态类型组件什么叫状态(state)状态是一个组件中的数据集合,当有状态的组            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-10 13:59:31
                            
                                63阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1. 无状态组件和有状态组件的介绍 StatelessWidget 是无状态组件,状态是不可以改变的 StatefulWidget 是有状态组件 持有的状态可能在 widge 生命周期中改变 StatelessWidget 是一个抽象类,只要是抽象类,我们就要实现抽象类里面的抽象方法 class M ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-31 00:03:00
                            
                                404阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            首先需要明确的是, 组件中的状态(state)指的其实就是数据,有状态组件指的就是有自己数据的组件(逻辑组件),无状态组件指的就是没有自己数据的组件(展示组件) 定义自己的状态 凡是继承于 React.Component 的组件, 默认都会从父类继承过来一个state属性,这个state属性就是专门            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2020-12-22 23:28:00
                            
                                331阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            函数组件又叫做无状态组件,类组件又叫做有状态组件状态(state)即数据  函数组件没            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-11-18 00:14:00
                            
                                63阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            安装Vuex4.0以上版本npm install vuex@4.0.0 -s在src目录下新建store/index.js文件夹import             
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-06 19:12:24
                            
                                90阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            场景:vue-router实现的单页应用,登录页调用登            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-29 10:55:54
                            
                                1260阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            vue相关小结            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-10-29 15:54:19
                            
                                136阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1.组件,什么是组件,可以这样理解,一个页面有可能包含很多逻辑,很混乱,当我们将这一大坨东西分为很多个小东西,每一个小东西只完成自己的功能,和其他的小东西互不干涉,页面想要使用,只需要引入就行了。 2.组件的使用可分为三步:一创建组件构造器,二注册组件,三使用组件 3.其实每一个组件就相当于一个vue实例,它也有自己的template,method,data,components这些东西,data            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-03 12:51:40
                            
                                155阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            参考vue文件地址:递归组件实现遍历效果递归组件实现思路:遍历数组元素,并判断子元素的子集数量是否大于0。如果子集的集合数量大于0,则需要需要再一次调用该组件。如果子集的集合数量等于0,则直接显示内容。创建组件<!-- subordinate:判断是否为子集递归; activeNames:打开折叠面板的集合。 -->
    <van-collapse v-if="!subord            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-02-29 17:08:53
                            
                                136阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            我们先来总结一下前面已经认识的选项 el:指定Vue实例的挂载点,根实例的特有属性 data:用于声明需要响应式绑定的数据对象 components:Vue实例配置局部注册组件 template:用于挂载元素的字符串模板 render:渲染函数,创建虚拟DOM,是字符串模板的替代方案。现在开始一个例子介绍一下其他常用的选项(options对象的属性): 下面的代码局部注册了一个组件AgeStati            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-09 13:53:35
                            
                                434阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            PS:本文适合熟悉vue以及了解react的同学 由于公司业务使用得是react开发的后台系统(也有vue的项目),对于我这种只写过react demo 的小白菜确实是一个机会,学习一个框架最好的办法就是从业务做起。首先我们要弄清做业务需要什么知识点去支持比如:react 是怎么样传输数据的?react 怎么封装组件?react 的生命周期?。。。。实际上vue熟练的同学们,我觉得转react还是            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-23 15:12:27
                            
                                200阅读