<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>render函数</title> <script src="https://www.jb51.net/vue.js"></script> <style type="text/css"> .bg{ background: #ee0000; } </style> </head> <body> <div></div> <script> //数据 let obj = { }; var vm = new Vue({ el:"#demo", data:obj, render(createElement){ return createElement( //元素名 "ul", //数据对象 { class:{ bg:true } }, //子元素 [ createElement("li",1), createElement("li",2), createElement("li",3) ] ); } }) </script> </body> </html>
实现效果如下
关于数据对象属性，讲情请参考官网的例子。
总结
以上所述是小编给大家介绍的Vue.js的组件和模板，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: