Javascript 单击按钮创建组件

大家好，我有一段代码，可以点击复选框在数组中循环，并将其添加到组件中，类为active，文本值为checkbox，所以现在我需要实现单击按钮时才将值添加到组件中。我是vue js的新手，所以现在遇到一些问题。因此，我将感谢这里提供的任何帮助

Vue.component（'picked-filter'{
模板：{{checked}}`，
道具：[“选中”]
})
新Vue({
el:“#过滤器”，
数据（）{
返回{
品牌：[
{
品牌名称：“宏碁”，
id:1，
}, 
{
品牌名称：“华硕”，
id:2，
}, 
{
品牌名称：“联想”，
id:3，
},
{
品牌名称：“戴尔”，
id:4，
}
],
checkedItems:[]，
isShowing:错，
checkedFilter:真
}
}
});

储蓄与股票


{{product.brandName}}


改变