• 2024-05-14【vue3入门】-【22】 动态组件&组件保持存活&异步组件
    动态组件有些场景下会需要在两个组件之间来回切换,比如tab页面App.vue<template><!--组件标签--><component:is="tabComponent"></component><button@click="changeHandle">切换组件</button></template><script>importC
  • 2024-03-05vue切换组件的显示以及父页面和组件的通讯
    在Vue.js中,切换组件的显示通常使用v-if、v-else-if、v-else或者v-show指令来实现。v-if只适合固定值,如果要动态切换就不能做到 <template><div><!--使用v-if和v-else来根据条件切换组件--><ComponentAv-if="condition"></ComponentA><ComponentBv-
  • 2023-11-08vue-test4 -------组件之间的数据传递
    <template><h3>CompA</h3><component-b:onfun="dateFun"></component-b><p>{{msg}}</p></template><script>importComponentBfrom"@/components/ComponentB.vue";exportdefault{
  • 2023-10-28实现 Angular Lazy loading 时应该避免 Static Imports 的原因
    在Angular应用开发中,Lazyloading(懒加载)是一种常用的优化技术,通过Codesplitting(代码拆分)实现。然而,在实现过程中,开发者往往会遇到一些常见的问题。本文将详细介绍在实现AngularLazyloading时应该避免的错误,并提供实际的示例进行说明。避免Lazy-Loaded代码的静态导入
  • 2023-10-1838 异步组件
    异步,需要时才被加载<template><div><KeepAlive><component:is="tabComponent"></component></KeepAlive><button@click="change">切换组件</button></div></template>
  • 2023-10-1836 动态组件
    两个组件之间来回切换的行为需求-->动态组件组件确实切换了,但没有显示,为啥子重点是:1.<component:is="tabComponent"></component>2.data(){return{tabComponent:"ComponentB"}},3.this.tabComponent=this.tabComponent=="
  • 2023-09-03vue组件切换_demo
    项目参考:36_动态组件_哔哩哔哩_bilibili项目结构:App.vue<template><component:is="Component"></component><button@click="switchHandle">switchComponent</button></template><script>importComponent
  • 2023-07-1116:vue3 动态组件
    A组件1<template>2<h3>ComponentA</h3>3</template>B组件1<template>2<h3>ComponentB</h3>3</template> App.vue1<template>2<h3>动态组件(A、B两个组件动态切换)</h3>3<compo
  • 2023-06-27vue3透传 Attributes
    “透传attribute”指的是传递给一个组件,却没有被该组件声明为props或emits的attribute或者 v-on 事件监听器。最常见的例子就是 class、style 和 id当一个组件以单个元素为根作渲染时,透传的attribute会自动被添加到根元素上A组件:<template><h3>ComponentA</
  • 2023-05-19vue组件通信6种方式总结(常问知识点)
    前言在Vue组件库开发过程中,Vue组件之间的通信一直是一个重要的话题,虽然官方推出的Vuex状态管理方案可以很好的解决组件之间的通信问题,但是在组件库内部使用Vuex往往会比较重,本文将系统的罗列出几种不使用Vuex,比较实用的组件间的通信方式,供大家参考。组件之间通信的场景在
  • 2023-01-30微信小程序组件封装传值以及问题点规避
    封装组件1、在components文件加下新建组件文件夹,在该文件夹下新建组件2、在app.json中注册该组件"usingComponents":{"page":"components/auth/index","com
  • 2023-01-03vue组件通信6种方式总结(常问知识点)
    前言在Vue组件库开发过程中,Vue组件之间的通信一直是一个重要的话题,虽然官方推出的Vuex状态管理方案可以很好的解决组件之间的通信问题,但是在组件库内部使用Vuex往往会
  • 2022-11-18vue组件通信6种方式总结(常问知识点)
    前言在Vue组件库开发过程中,Vue组件之间的通信一直是一个重要的话题,虽然官方推出的Vuex状态管理方案可以很好的解决组件之间的通信问题,但是在组件库内部使用Vuex往往会
  • 2022-11-04vue组件通信6种方式总结(常问知识点)
    前言在Vue组件库开发过程中,Vue组件之间的通信一直是一个重要的话题,虽然官方推出的Vuex状态管理方案可以很好的解决组件之间的通信问题,但是在组件库内部使用Vuex往往会
  • 2022-10-19vue组件通信6种方式总结(常问知识点)
    前言在Vue组件库开发过程中,Vue组件之间的通信一直是一个重要的话题,虽然官方推出的Vuex状态管理方案可以很好的解决组件之间的通信问题,但是在组件库内部使用Vuex往往会
  • 2022-09-28Vue 组件间的通信方式
    前言在Vue组件库的开发过程中,组件之间的通信一直是一个重要的课题。虽然官方的Vuex状态管理方案可以很好的解决组件之间的通信问题,但是组件库内部对Vuex的使用往往比较繁重