Vue的组件

1，局部组件就是在Vue对象内部注册的构造器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>局部组件</title>
    <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
    <div id="demo">
        <mynode></mynode>
    </div>
    <template id="node_one">
        <div>
            <div>第一个组件</div>
            <h1>标题一</h1>
            <p>段落一</p>
        </div>
    </template>
    <script>
        let child_one = Vue.extend({    <!--extend方法构造出组件-->
            template:"#node_one"
        });
        new Vue({
            el:"#demo",
            components:{"mynode":child_one}   <!--components是在Vue对象内注册组件用的-->
        });
    </script>
</body>
</html>

2，全局组件就是在全局注册的构造器

posted on 2018-03-22 20:10 漏三刀阅读(120) 评论(0) 收藏举报