Common components and define effects:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="lib/vue.js"></script> </head> <body> <div id="app"> <p>111111111</p> <login></login> </div> <script> // var login = { // template:"<h1>这是登录组件</h1>" // } var vm = new Vue({ el:"#app", data:{}, methods:{}, // the render: function (createEle) { // // The formulated into html renderer component template structure // // This parameter is a parameter, the name of the custom, this parameter is a method, returns a html // return createEle (Login); // }, components: { Login: { Template: "<h1 of> this is the login component </ h1 of>" } } }); </ Script> </ body> </ HTML>
effect:
render mode and effects rendering components:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="lib/vue.js"></script> </head> <body> <div id="app"> <p>111111111</p> <!--<login></login>--> </div> <script> var login = { template:"<h1>这是登录组件</h1>" } var vm = new Vue({ el:"#app", data:{}, methods:{}, the render: function (createEle) { // the component templates developed into html renderer configuration // This parameter is a parameter, the name of the custom, this parameter is a method, returns a html return createEle (Login); } / / components: { // Login: { // Template: "<h1 of> this is the login component </ h1 of>" // } // } }); </ Script> </ body> </ HTML>
effect: