vue3.0动态组件,vue3动态组件

　　本文主要介绍vue.js动态组件的详细讲解。本文通过一个简单的案例来说明对这项技术的理解和使用。以下是详细内容，有需要的朋友可以参考一下。

:is 动态组件

　　使用v-bind:is="组件名"，它会自动找到匹配的组件名，如果没有，就不显示；

　　div id=应用程序

　　测试v-bind:is=which_to_show/test

　　/div

　　脚本

　　var demo=new Vue({

　　埃尔： #app ，

　　数据：{

　　显示哪一个：“第一个”

　　},

　　组件：{

　　首先：{

　　模板：“div这里是子组件first/div”

　　},

　　第二：{

　　模板：“div这里是子组件second/div”

　　},

　　第三：{

　　模板：“div在这里是子组件third/div”

　　}

　　}

　　});

　　/脚本

　　通过改变 which_to_show 的值就可以动态改变想要加载渲染的组件，如下：

　　关于vue.js动态组件的详细讲解，本文到此为止。有关vue.js动态组件的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。