_08局部组件

最新推荐文章于 2024-09-26 15:33:22 发布

技术流-天

最新推荐文章于 2024-09-26 15:33:22 发布

阅读量103

点赞数

分类专栏：前端组件

本文链接：https://blog.csdn.net/krator_zhuo/article/details/120666284

版权

Vue.js 组件局部组件 HTML JavaScript

关键词由CSDN通过智能技术生成

前端组件专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
    <div id="myVue">
        
        <mycomponent></mycomponent>
        <yourcomponent></yourcomponent>
    </div>
    <script type="text/javascript">
        new Vue({
            //挂载节点
            el:"#myVue",
            //组件
            components:{
                //组件名字
                "mycomponent":{
                    //组件数据
                    template:"<h1>局部组件</h1>"
                },
                //组件名字
                "yourcomponent":{
                    //组件数据
                    template:"<h1>局部组件</h1>"
                }
            }
        })
    </script>
</body>
</html>