Vue2，局部组件component的用方法

最新推荐文章于 2024-05-03 11:47:20 发布

玛卡巴卡的造

最新推荐文章于 2024-05-03 11:47:20 发布

阅读量1.6k

点赞数

分类专栏： Vue2 文章标签： javascript vue.js react.js

本文链接：https://blog.csdn.net/qq_45188736/article/details/122991571

版权

Vue2 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

局部组件component的用方法

我们来看用法：

<!-- 动态组件由 vm 实例的 `componentId` property 控制 -->
<component :is="componentId"></component>

我们来看例子：

<body>
    <div id="app">
        <!-- 组件的另外一种引入方式 -->
        <component :is="current"></component>
    </div>
    <script src="../../node_modules/vue/dist/vue.js"></script>
    <script>
        let home = {
            template: '<div>home</div>'
        }
        let about = {
            template: '<div>about</div>'
        }

        const app = new Vue({
            el: '#app',
            data: {
                current: about
            },
            components: {
                home, about
            }
        })
    </script>

</body>

HTML中渲染的内容由is后面跟着的current决定，current绑定着不同的组件。

优惠劵

玛卡巴卡的造

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Vue2，局部组件component的用方法

局部组件component的用方法我们来看用法：<component :is="componentId"></component>我们来看例子：<body> <div id="app">  <component :is="current">&
复制链接

扫一扫