<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定义和注册组件</title> </head> <script src="vue1.0.11.js"></script> <body> <div id="app"> <!--//使用组件--> <l></l>
<register></register> </div> </body> <script> //vue1.0定义一个全局组件写法 //定义组件 var login=Vue.extend({ template:'<h1>登录页面</h1>' }); //注册组件 Vue.component('l',login);//两个参数,第一个参数就是的组件的名字,第二个是组件 //vue2.0实现定义和注册组件 Vue.component('register',{//vue2.0定义和注册一步到位 template:'<h1>注册页面</h1>' }); new Vue({ el:'#app' }); </script> </html>