~$ 存档

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::
局部组件

第一种形式：

<body>
<div id="app">
    <aaa></aaa> <!--引用组件-->
</div>
<!--将模块独立出来-->
<template id="aaa">
    <h2>{{msg}}</h2>
</template>
</body>
<script src="./vue.js"></script>
<script>
    new Vue({
        el: '#app',
        data: function () {
            return {}
        },
        components: {
            /*局部组件*/
            'aaa': {
                data: function () {
                    return {
                        'msg': 'hello aaa'
                    }
                },
                template: "#aaa", /*此处挂载*/
                methods: {}
            },
            'bbb': {}
        }
    })
</script>

 

posted on 2020-10-16 13:36  LuoTian  阅读(79)  评论(0)  编辑  收藏  举报