vue组件局部注册实例

vue框架组件如何局部注册,主要针对vue初学者以及对组件注册不熟悉者,本文将给出简单粗暴代码实例。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

<body>  

    <div id="a">  

        <my-b></my-b>  

        <my-c></my-c>  

        <my-d></my-d>  

    </div>  

    <template id="b">  

        <p>bbb</p>  

    </template>  

</body>  

 

<script>  

    var myD = Vue.component('myD', {  

        template: '

ddd

'  

    });  

 

    new Vue({  

        el: '#a',  

        components: {  

            'myB': {  

                template: '#b'  

            },  

            'myC': {  

                template: '

ccc

'  

            },  

            'myD': myD  

        }  

    });  

</script>

评论 (0)

发表评论