vue.js函数化组件怎么编写及运用 能举个例子吗

Question

• children: VNode 子节点的数组

• data: 传递给组件的 data 对象

• parent: 对父组件的引用

对于官网上的例子不是很懂，
var EmptyList = { / ... / }
var TableList = { / ... / }
这些{}里面写的是什么？

根据我的理解。。。初学者，勿喷

 return createElement(
      appropriateListComponent(),   =>是不是那些'ul'标签?
      context.data,                 =>相当于内容?
      context.children
    )

但明显不是。。所以能举个例子吗？谢谢~~

Answer 1

var EmptyList = { / ... / }
var TableList = { / ... / }
  //这里面写的是组件选项，
appropriateListComponent()
  // 返回 {String | Object | Function}
  // 一个 HTML 标签，组件选项，或一个函数
  // 必须 Return 上述其中一个
context.data 是当前节点属性，
context.children 是子节点