怎么在vue中通过点击按钮实现动态挂载子组件 - 行业资讯

　　介绍

本篇文章为大家展示了怎么在vue中通过点击按钮实现动态挂载子组件,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

<强> vue。扩展(选项)

<强>参数:

{对象}选择

<强>用法:

使用基础Vue构造器,创建一个“子”类。参数是一个包含组件选项的对象。

数据选项是特例,需要注意——在Vue.extend()中它必须是函数

<强>示例:子组件byMount。vue

& lt; template> 　　,& lt; div> 　　,& lt; div> mount content 测试! ! & lt;/div> 　　,& lt;/div> 　　& lt;/template> 　　& lt; script 比; 　　import Vue 得到& # 39;vue # 39;; 　　,export default { 　　,名字:& # 39;bycount& # 39; 　　,data (), { 　　return 才能,{,, 　　,,} 　　},大敌; 　　,方法:{ 　　}, 　　}大敌; 　　& lt;/script>

<强>父组件:

,, & lt; div 类=癲ync mount"祝辞dyncMount root

　　& lt;才能button @click =,“dyncMount"祝辞dyncMount 　　----------------------------------------------------- 　　… 　　import byMount 得到& # 39;。/byMount.vue& # 39;; 　　… 　　,export default { 　　,,名字:& # 39;父母# 39; 　　方法:{才能　　dyncMount才能(){ 　　,,var Profile =, Vue.extend (byMount); 　　,//创建,Profile 实例,并挂载到一个元素上。　　,,new 概要()。美元山(& # 39;.dync.mount& # 39;); 　　,} 　　… 　　} Vue的优点

Vue具体轻量级框架,简单易学,双向数据绑定,组件化,数据和结构的分离,虚拟DOM,运行速度快等优势,Vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和DOM,可以大大提升访问速度和用户体验。

上述内容就是怎么在Vue中通过点击按钮实现动态挂载子组件,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。