美文网首页Vue
1.Vue全家桶学习_怎样实现局部组件开发_2020-03-16

1.Vue全家桶学习_怎样实现局部组件开发_2020-03-16

作者: 鹰郡少年鹏 | 来源:发表于2020-03-16 16:00 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue局部组件化开发</title>
</head>
<body>
<div id="app">

</div>
<script type="text/javascript" src="../node_modules/vue/dist/vue.js"></script>
<script type="text/javascript">
    //局部组件化逻辑
    //1.声子
    //2.挂子
    //3.用子
    var portal={//声明一个局部组件入口
        data(){
            return{

            }
        },
        components:{},
        template:'<div>我是局部组件入口</div>'

        };
    new Vue({//实例化一个Vue对象
        el:"#app",
        data() {
            return {

            };
        },
        components: {
            portal
        },
        template:'<div id="app"> <portal/></div>'


    });
</script>
</body>

</html>

相关文章

网友评论

    本文标题:1.Vue全家桶学习_怎样实现局部组件开发_2020-03-16

    本文链接:https://www.haomeiwen.com/subject/zatnehtx.html