七、动态组件(一到七节为Vue基础)

news/2024/7/10 3:17:31 标签: vue

(1)绑定组件

<component is=要绑定的组件名></component>

(2)动态绑定组件

即组件名不确定,是用变量表示的,则is前需加:,即

<component :is="要绑定的组件名变量"></component>

<component>元素,可以动态的绑定多个组件到它的is属性

 

注意动态组件切换时,会把原来的组件删除,重新创建新的组件

解决方法:使用<keep-alive></keep-alive>保留原来组件的状态,避免重新渲染

(3)例子

点击 每个选项时,显示相应的文字


http://www.niftyadmin.cn/n/1023469.html

相关文章

Hadoop-v2 FS Shell使用介绍

HDFS&#xff08;Hadoop Distributed Filesystem&#xff09;提供一个类似于Unix Shell的命令接口FSShell&#xff0c;用于client和HDFS进行数据交互。调用FSShell命令的方式&#xff1a; $HADOOP_HOME/bin/hadoop fs <args> 其中&#xff0c;$ HAOOP_HOME指hadoop所在的…

zabbix服务端的部署安装

基于centos6.5 zabbix-2.4.6 且大部分命令均在zabbix的安装路径下&#xff01;&#xff01;比如/usr/local/zabbix/yum -y install gcc gcc-c autoconf httpd php mysql mysql-server php-mysql httpd-manual mod_ssl mod_perl mod_auth_mysql php-gd php-xml php-mbstring p…

八、进阶之slot插槽(内容分发)

&#xff08;1&#xff09;引入插槽slot 问题&#xff1a;使用子组件时&#xff0c;如果在子组件中加入元素&#xff0c;会直接忽略不显示 解决方法&#xff1a;使用slot&#xff0c;将其放到子组件中的某个位置上&#xff08;在使用该子组件时&#xff0c;可在相应位置插入元…

c语言数独合法验证,会数独的大佬请进。这是个判断九宫格数独是否正确的程序。...

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼#includeint matrix[9][9];int i,j,k;int arr[9];int index_of(int i, int a[]){int idx -1;for(int i 0; i < 9; i){if(i a[j]){return j;}}return -1;}int validate_row(){int cnt 0;for(i 0; i<9; i){cnt 0;for(j …

Flume OG 介绍和配置

一、Flume介绍 Flume是一个分布式、可靠、和高可用的海量日志聚合的系统&#xff0c;支持在系统中定制各类数据发送方&#xff0c;用于收集数据&#xff1b;同时&#xff0c;Flume提供对数据进行简单处理&#xff0c;并写到各种数据接受方&#xff08;可定制&#xff09;的能力…

九、进阶之单个元素过渡(transition)

点击按钮时&#xff0c;显示或隐藏下面的文字。 在显示或隐藏的过程中使用transition添加过渡效果 &#xff08;1&#xff09;方法一&#xff08;过渡&#xff09; 点击显示时&#xff0c;自动将class设置为.a-enter-active、.a-enter-to 点击隐藏时&#xff0c;自动将class设…

了解c语言的运行环境的实验报告,C语言实验报告实验一C 程序的运行环境和运行C 程序的方法...

实验1 C 程序的运行环境和运行C 程序的方法1. 实验目的(1) 了解所用的计算机系统的基本操作方法&#xff0c;学会独立使用该系统。(2) 了解在该系统上如何编辑、连接和运行一个C 程序。(3) 通过运行简单的C 程序&#xff0c;初步了解C 源程序的特点。2. 实验内容和步骤(1) 检查…

十、进阶之多个元素过渡

&#xff08;1&#xff09;不同标签之间的切换 问题1&#xff1a;transition标签中只能放一个元素&#xff0c;即只能过渡单个元素 解决&#xff1a;通过使用if和else进行切换多个元素 例&#xff1a;当显示1111时&#xff0c;2222消失。当显示2222时&#xff0c;1111消失 &…