Vue2.0在组件中定义和使用子组件

最新推荐文章于 2023-12-27 21:24:30 发布

后端切图仔

最新推荐文章于 2023-12-27 21:24:30 发布

阅读量543

点赞数

分类专栏：第一次

第一次专栏收录该内容

116 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定义子组件</title>
</head>
<body>
<script src="vue2.513.js"></script>
</body>
<div id="app">
<account></account>
</div>
<script>
    //定义一个账号组件
    Vue.component('account',{
        template:'<div><h1>账号组件</h1><login></login></div>',//在这里使用登录组件
        //在账号组件中定义一个登录的子组件
        components:{
            'login':{
                template:'<h2>登录子组件</h2>'
            }//组件的名字就叫做login
        }

    })
    new Vue({
        el:'#app',
    });
</script>
</html>