Vue.js 如何使用新数据和参数创建组件或在VUE中设置新方法?

Vue.js 如何使用新数据和参数创建组件或在VUE中设置新方法?,vue.js,vue-component,Vue.js,Vue Component,如何使用新数据和参数创建组件或在VUE中设置新方法? 为什么这不起作用?如何设置新的数据项列表 let dropdown=Vue.component('dropdown-sort-list'{ 数据:函数(){ 返回{ itemList:[{name:1111111}], } }, 模板:` ` }); var dropdownEx=新下拉列表({ el:#下拉排序列表“, 数据:{ 项目列表:[{name:2222}], }, }); 您的下拉排序列表正在呈现多个根节点,这在Vue.js中是

如何使用新数据和参数创建组件或在VUE中设置新方法? 为什么这不起作用?如何设置新的数据项列表


let dropdown=Vue.component('dropdown-sort-list'{
数据:函数(){
返回{
itemList:[{name:1111111}],
}
},
模板:`
`
});
var dropdownEx=新下拉列表({
el:#下拉排序列表“,
数据:{
项目列表:[{name:2222}],
},
});

您的
下拉排序列表正在呈现多个根节点,这在Vue.js中是非法的。每个组件只能呈现1个根节点,为组件添加包装器应该可以使其正常工作:


注:功能组件没有此限制