如何在render函数中循环,实现以下代码
<ul> <li>青椒炒肉丝 </li> <li>西红柿炒肉丝 </li> <li>蘑菇炒肉丝 </li> </ul>
在render中实现循环
export default{ data(){ return{ isRed:true, arr:["青椒炒肉丝","西红柿炒肉丝","蘑菇炒肉丝"], inputValue:"" } }, // h 最终创建的是一个元素 // 第一个参数div 是表示创建一个div区域的元素 // 第二个参数class表示的是这个div上有一个属性 // 第三个参数可以是数组,表示div元素下的子元素 render(h){ return h('ul', // 第三个参数 this.arr.map(item=>h("li",item)) ); } }