Vue2.0——组件动态加载 <keep-alive>

文章目录

  • 一、动态切换组件
  • 1.使用组件标签 component 的 is 属性来动态切换组件
  • 2.使用keep-alive 缓存之前的状态

一、动态切换组件

1.使用组件标签 component 的 is 属性来动态切换组件

Keep.vue:在它里面挂载两个页面组件keepOne,keepTwo

<template>
<div id="keep">
    <div class="keep-list">
        <div class="keep-title">
            <button @click="ckKeep(0)">keepOne</button>
            <button @click="ckKeep(1)">keepTwo</button>
        </div>
        <div class="keep-content">
            <component :is="ckcomponents"></component>
        <

你可能感兴趣的:(笔记)