Vue动态组件

动态组件指的是 动态切换组件的显示与隐藏

vue提供了一个内置的 <component>组件，专门用来实现动态组件的渲染：通过 is 属性 动态指定 要渲染的 组件

因为要渲染的组件是不确定的，所以要通过data申明一个 变量 用来 接收组件 的名称，用 :is 动态绑定这个 变量 到 <component>组件中，通过按钮添加事件改变变量的值来动态切换组件。

默认情况下，切换动态组件时无法保持组件的状态，此时可以使用 vue内置的<keep-alive>组件 保持动态组件的状态

当组件 被缓存 时，会自动触发组件的 deactivated 生命周期函数。

当组件 被激活 时，会自动触发组件的 activated 生命周期函数。

include 属性用来指定：只有 名称匹配的组件会被缓存 。多个组件名之间使用 英文的逗号分隔 ：

解决过程：1 首先尝试了在动态控件的存放容器进行更改，但是被否决了，毕竟除了文本框和按钮还有一个span标签，这样以设置说不定都弄的错位了。

2 接着尝试直接在控件创建的时候设置属性，利用element.setAttribute（"class","")和element.setAttribute("classname","")来弄结果仍然没效果.

---