了解VUE的render函数的使用(2)

Vue.component('child',{ render: function(createElement) { if (this.lists.length) { return createElement('ul',this.lists.map(function() { return createElement('li','hi') })) } else { return createElement('p','no lists') } }, props: { level: { type: Number, required: true } }, data: function() { return { lists: [1,2,3] } } }) // render函数中没有与v-model相应的api - 你必须自己来实现相应的逻辑: Vue.component('child-msg',{ render: function(createElement) { var self = this; return createElement('div', [ createElement('input',{ 'on': { input: function(event) { self.value = event.target.value; } } }),createElement('p',self.value) ]) }, props: { level: { type: Number, required: true } }, data: function() { return { value: '' } } }) new Vue({ el:"#div1" })