子组件使用v-if判断后渲染。 v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-06-26 11:07:00
                            
                                364阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            前言本博客主要讲述,react中父组件和子组件之间的交流,其中包括父组件和子组件的值的交流和函数方法的交流,即父组件如何如何传值给子组件,父组件将方法传给子组件,父组件如何调用子组件的方法。 本博客主要总结性的讲述了再react中组件的交流方式,举出具体代码的可参考【React组件之间传值】。统一说明:<ChildrenComponents /> 代表引入的子组件(一)父组件通过sta            
                
         
            
            
            
             目录 前言 导语 核心代码 总结 前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 导语 ant design子组件            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-07 07:15:56
                            
                                204阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            
  ant design子组件渲染不能及时渲染
编辑
核心代码
<CertifyIn...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-24 09:50:08
                            
                                61阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            今天重新过了一遍VueRouter的文档,梳理和总结了一下关于路由组件传参的一些思路,记下来防止以后忘记。使用route-link传参<router-link :to="{name:'content',query:{name:123}}" >content</router-link><router-link :to="{name:'content',params:{name:123}}" >content</router-link><r            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-12 14:57:15
                            
                                251阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             目录 前言 导语 核心代码 总结 前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 导语 今天在数据处理编辑的时候            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-07 07:10:35
                            
                                101阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目录前言导语核心代码总结前言  我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷导语  今天在数据处理编辑的时候 一个公司库的组件无法实时的一个渲染编辑核心代码...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-17 08:47:53
                            
                                51阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
              最近项目在使用antd组件库做项目,页面中大量使用了a-modal弹窗.但是由于a-modal不能满足实际项目中的结构需要.为了方便复用,所以需要围绕a-modal进行二次封装.由此便引发了'如何通过props设置vue子组件的显示与隐藏'.其实主要问题是vue本身为了保证单向数据流,所以在子组件内部不能直接修改props.  1.1父组件代码    1.2子组件代码    1.3代码说明              
                
         
            
            
            
            说明:代码://lessrequire('./static/less/index.less')//核心varReact=require('react')varReactDom=require('react-dom')varReactRouter=require('react-router-dom')varRouter=ReactRouter.BrowserRoutervarRoute=ReactR            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-05-04 06:09:16
                            
                                2139阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            VueRouter特点:通过路由和组件实现一个单页面的应用。路由的注册:静态路由Title首页课程首页组件'
            }
        },
        {
            path:"/course",
            component:{
                template:'课程组件'
            }
        }
              
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-10 18:14:44
                            
                                108阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            浏览器渲染顺序:1. 解析 HTML,构建 DOM 树; 2. 解析 CSS,构建 CSSOM 树; 3. 将 DOM 树和 CSSOM 树结合,生成渲染树; 4. 根据渲染树进行布局,计算每个元素的大小和位置; 5. 将渲染树绘制到屏幕上。Vue 组件生命周期:1. beforeCreate:组件实例初始化之后,数据观测和事件配置之前被调用。 2. created:组件实例创建完成后被调用。此时            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-05-29 10:46:58
                            
                                119阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前置条件 用vue cli创建Vue项目并安装ElementUI插件             
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-05-02 17:08:13
                            
                                403阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            这个问题,困扰了我,特此记录。 子组件显示父组件传来的props 做更新有 以下2种常用方式: 1.直接使用 class Child extends Component { render() { return <div>{this.props.someThings}</div> } } 这种方式可以 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-02 15:14:00
                            
                                2925阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            前端            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-03-13 14:29:59
                            
                                34阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            vue3父组件通过ref调用子组件的方法,子组件是通过v-for动态渲染的            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-25 17:41:46
                            
                                774阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            import React, { Component } from 'react';class Item extends Component {  constructor(props) {    super(props)    this.state = {      content: ''               
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-30 17:38:59
                            
                                606阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             目录前言导语核心代码总结前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷导语ant design子组件渲染不能及时渲染编辑核心代码<CertifyInfo
          key={JSON.stri            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-25 09:52:26
                            
                                144阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            import React, { Component } from 'react';class Item extends Component { constructor(props) { super(pro...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-29 13:54:43
                            
                                888阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1,App.vue<template>  <div id="app">    <h1>用router-link实现跳转</h1>    <router-link to="/">跳转到Page01</router-link>    <router-link to="/" replace>替换到Page01</r            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-29 16:42:35
                            
                                72阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            
 
 
1,App.vue
<template>
  <div id="app">
    <h1>用router-link实现跳转</h1>
    <router-link to="/">跳转到Page01</router-link>
    <router-link to="/" replace>替换到Pa            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-29 16:05:51
                            
                                134阅读