Javascript 如何基于id在vuejs 2中添加或删除类

我想使用vuejs基于id向元素添加或删除类，但此代码将该行为应用于所有元素。如何按id向元素添加/删除类？提前谢谢大家

newvue({
el:“测试”，
数据：{
味精：“味精在这里”，
isActive:错误
},
方法：{
日志：函数（e）{
this.isActive=！this.isActive
//警报（e.currentTarget.id）；
}
}
});
.active{
背景：红色
}

{{msg}}
{{msg}}
您尚未将基本的vuejs概念内化


这两个元素都应该是独立的组件。
您还没有将基本的vuejs概念内化


这两个元素都应该是独立的组件。
下面是一个使用组件实现所需行为的示例：


//寄存器
常量clickable=Vue.component（'clickable'{
道具：['msg']，
数据：函数（）{
返回{
isActive:错误
}
},
模板：“{{msg}}”
})
新Vue({
el:“测试”，
组成部分：{
可点击
},
数据：函数（）{
返回{
味精：“味精在这里”，
isActive:错误
}
}
});
.active{
背景：红色
}
以下是一个使用组件实现所需行为的示例：


//寄存器
常量clickable=Vue.component（'clickable'{
道具：['msg']，
数据：函数（）{
返回{
isActive:错误
}
},
模板：“{{msg}}”
})
新Vue({
el:“测试”，
组成部分：{
可点击
},
数据：函数（）{
返回{
味精：“味精在这里”，
isActive:错误
}
}
});
.active{
背景：红色
}