Vue核心技术-26,动态组件
本文共 350 字，大约阅读时间需要 1 分钟。
一,前言
这一篇介绍一下Vue动态挂载组件的实现
二,动态组件
Vue提供了元素,配合is特性选择要挂在的主键,实现动态挂载不同组件
运行结果:
初始化根据dynamic指定的组件名挂载需要显示的组件
通过devTools修改dynamic指定的组件名,动态修改组件挂载 
通过动态的改变:is绑定的dynamic值(修改组件名称),可以实现动态挂载组件
不仅可以根据组件名称进行动态挂载,还可以通过更改组件对象实现动态挂载
运行结果和之前相同,区别在于dynamic值为组件对象,而不再是组件名称
三,结尾
动态组件的使用就介绍到这里,相信在某些场景下还是非常有用的下一篇介绍异步组件,通过异步加载组件实现对页面性能的优化
你可能感兴趣的文章
《Head first设计模式》学习笔记 - 装饰者模式
查看>>
《Head first设计模式》学习笔记 - 模板方法模式
查看>>
《Head first设计模式》学习笔记 - 外观模式
查看>>
《Head first设计模式》学习笔记 - 命令模式
查看>>
《Head first设计模式》学习笔记 - 抽象工厂模式
查看>>
《Head first设计模式》学习笔记 - 观察者模式
查看>>
《Head first设计模式》学习笔记 - 策略模式
查看>>
ThreadLocal 那点事儿
查看>>
ThreadLocal 那点事儿（续集）
查看>>
阳台做成榻榻米 阳台做成书房
查看>>
深入分析java线程池的实现原理
查看>>
mybatis中"#"和"$"的区别
查看>>
Hibernate与MyBatis区别
查看>>
如何禁用Eclipse的Validating
查看>>
据说看完这21个故事的人，30岁前都成了亿万富翁。你是下一个吗？
查看>>
SpringMVC学习笔记2
查看>>
Oracle知识点连载（一）
查看>>
Oracle知识点连载（二）
查看>>
Oracle知识点连载（三）
查看>>
Oracle知识点连载（五）
查看>>