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,全局组件就是在全局注册的构造器